Запитання з тегом «css»

CSS (Каскадні таблиці стилів) - мова аркуша стилю представлення, яка використовується для опису вигляду та форматування HTML (мови розмітки HyperText), XML (розширюваної мови розмітки) та SVG-елементів, включаючи (але не обмежуючись ними) кольори, макет, шрифти, та анімації. Він також описує, як елементи повинні бути відображені на екрані, на папері, у мовленні або на інших носіях інформації.

1
Запобігайте розтягуванню предметів гнучкості
Зразок: div { display: flex; height: 200px; background: tan; } span { background: red; } <div> <span>This is some text.</span> </div> Запустіть фрагмент кодуСховати результатиРозгорніть фрагмент У мене є два запитання: Чому це відбувається в основному з span? Який правильний підхід, щоб запобігти його розтягуванню, не впливаючи на інші елементи …
94 html  css  flexbox 

7
Що використовувати замість :: ng-deep
Я намагаюся стилізувати елемент, розміщений розеткою маршрутизатора в кутовому режимі, і хочу переконатися, що згенерований елемент отримує ширину 100% З більшості відповідей я бачу, що мені слід використовувати ::ng-deepселектор, але з документів Angular він не підтримується. Чи є альтернатива ::ng-deep?
94 html  css  angular 

10
Чи має bootstrap 4 вбудований горизонтальний роздільник?
Чи має bootstrap 4 вбудований горизонтальний роздільник? Я можу це зробити, <style type="text/css"> .h-divider{ margin-top:5px; margin-bottom:5px; height:1px; width:100%; border-top:1px solid gray; } </style> Але я хочу використовувати вбудований bootstrap css, я не можу знайти його ніде в документації, можливо, я його пропускаю.




10
Вибір лише елементів першого рівня в jquery
Як я можу вибрати елементи посилання лише з батьків <ul>із такого списку? <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> Так у css ul li a, але ніul li ul li a Дякую

2
Чи МЕНШ має функцію "розширення"?
SASS має функцію, @extendяка називається, що дозволяє селектору успадковувати властивості іншого селектора, але без копіювання властивостей (наприклад, міксин). Чи має LESS також цю функцію?
93 css  sass  less  extend 

14
Помилка типу: $ (...) .modal не є функцією із завантажувальним модулем Modal
У мене є модальний спосіб завантаження 2.32, який я намагаюся динамічно вставити в HTML іншого подання. Я працюю з Codeigniter 2.1. Після динамічної вставки модального часткового подання bootstrap у подання я маю: <div id="modal_target"></div> як цільовий div для вставки. У моєму поданні є кнопка, яка виглядає так: <a href="#message" class="btn …

12
як змусити відкрити підменю twitter bootstrap з лівого боку?
Я намагався створити підменю twitter bootstrap у спадному меню, але у мене проблема: у мене є спадне меню у верхньому правому куті сторінки, і в цьому меню є ще одне підменю. Однак, коли підменю відкривається - воно не поміщається у вікні і надто сильно рухається вправо, так що користувач може …

11
: not (: empty) Селектор CSS не працює?
Я переживаю час із цим конкретним селектором CSS, який не хоче працювати, коли я додаю :not(:empty)до нього. Здається, це чудово працює з будь-якою комбінацією інших селекторів: input:not(:empty):not(:focus):invalid { border-color: #A22; box-shadow: none } Якщо я видалю :not(:empty)деталь, вона працює чудово. Навіть якщо я змінив на нього селектор, input:not(:empty)він все одно …

9
CSS вимкнути виділення тексту
Наразі я помістив це в тег body, щоб вимкнути виділення тексту: body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } Однак мій inputі textareaкоробки зараз не можна вибрати. Як я можу лише зробити ці вхідні елементи вибором, а решту не можна вибрати?
93 css 

6
Як зняти атрибут CSS елемента за допомогою jQuery?
Якщо я встановлюю значення CSS для певного елемента, використовуючи: $('#element').css('background-color', '#ccc'); Я хочу мати можливість скасувати це специфічне значення та використовувати каскадне значення, уздовж: $('#element').css('background-color', null); Але такий синтаксис, здається, не працює - чи можливо це за допомогою іншого синтаксису? Редагувати: значення не успадковується від батьківського елемента - вихідні значення …
93 jquery  css 

13
Поєднуйте та зменшуйте декілька файлів CSS / JS
Я намагаюся оптимізувати ефективність сайту, консолідуючи та стискаючи файли CSS та JS. Моє питання більше стосується (конкретних) кроків щодо того, як цього досягти, враховуючи реальну ситуацію, з якою я стикався (хоча це має бути типовим серед інших розробників). Моя сторінка посилається на декілька файлів CSS та JS, наприклад: <!-- It's …

4
Як вертикально вирівняти по центру вмісту div з визначеною шириною / висотою?
Яким був би правильним методом вертикального центрування будь-якого вмісту на певній ширині / висоті div. У прикладі є два вмісти з різною висотою, що є найкращим способом вертикального центрування обох за допомогою класу .content. (і це працює для кожного браузера і без рішення table-cell) Майте на увазі деякі рішення, але …

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.