Описание тега css-cascade

CSS Cascade определяет, какое значение должно быть присвоено каждому свойству каждого элемента.
3 ответа

Невозможно переопределить правило, даже при использовании! Важный

Я должен что-то контролировать или иметь какую-то глупую ошибку в своем коде, но я не могу переопределить класс CSS с помощью идентификатора CSS AND (краснеть), даже с добавлением ненавистного! NB: Это старый шаблон WordPress (ish), все еще использу…
07 мар '17 в 17:54
7 ответов

Важнее, чем! Важно (более высокий уровень! Важно)?

Название говорит о многом. Есть ли ключевое слово CSS, которое переопределяет !important на одном более высоком уровне или есть какая-то функция, подобная этой, запланированная в любой новой спецификации CSS? Конечно, я знаю, что !important маловеро…
08 фев '17 в 18:50
1 ответ

Специфика медиа-запроса - почему самый большой стиль используется при использовании медиа-запросов максимальной ширины?

У меня есть следующий (упрощенный) пример кода: (jsbin: http://jsbin.com/cisahilido/1/edit?html,css,output) SCSS: .container { background: none; } @media screen and (max-width: 480px) { .container { background: red; } } @media screen and (max-width:…
30 окт '15 в 21:01
4 ответа

Правильно ли я делаю подклассы моего CSS?

Я делаю набор кнопок для своего сайта, и мне нужна профессиональная проницательность. Чтобы уменьшить раздувание CSS, я хочу разделить мои кнопки на разные цвета, например.button.blue. Будут ли следующие проблемы в будущем? (при условии, что я не со…
09 фев '12 в 14:46
2 ответа

Скрыть все дочерние классы div.class в TD, а затем показать сначала дочерний класс div.class

Следующее должно работать в теории, насколько мне известно, но это не так: td small.attachments { display: none; } td small.attachments:first-child { display: inline-block !important; } <table> <tr> <td class="views-field-field-entry-…
07 янв '11 в 18:27
3 ответа

Почему * дано больше специфичности, чем наследования свойств в CSS?

Проще говоря, у меня есть страница с этими двумя стилями: * { color: black; } div.error { color: red } И структура страницы, как: <html> ... <div class="error"> <div class="row form"> <div class="column"> Error text. </div…
24 янв '17 в 22:57
2 ответа

Почему прямой дочерний селектор распространяется?

На фрагменте 3-го h2 не должно быть затронуто css, так почему это так? .a > div { color: blue; text-align: center; } <div class="a"> <h2>Title</h2> <div> <h2>this shoud be center and blue</h2> <div> <h…
05 мар '16 в 00:27
1 ответ

Запрет наследования CSS дочерним элементам выбранного элемента

У меня есть меню, состоящее из вложенных UL и LI, например: .wrapper > ul:first-child > li:last-child { color: red; } <div class="wrapper"> <ul> <li>Lorem</li> <li>Ipsum</li> <li>Dolar</li> <l…
09 янв '17 в 04:01
1 ответ

Правило класса автора CSS, переопределенное собственным правилом браузера элемента

font-size Правило CSS, определенное правилом класса ( .dropdown-menu ) был переопределен встроенным правилом элемента браузера ( table ). Как это возможно? Я работаю над плагином Cockpit, который использует стили PatternFly. Элемент метки (выделенна…
09 июн '16 в 16:35
2 ответа

Переопределение! Важное свойство, используемое в таблице стилей виджета в нижнем колонтитуле

У меня есть твиттер-виджет, который загружается в нижний колонтитул моей страницы. Проблема в том, что он использует! Важные свойства повсюду. И поскольку все мои таблицы стилей загружены в заголовок, таблицы стилей виджета автоматически переопредел…
23 янв '12 в 12:09
5 ответов

Вложенные CSS-классы - дочерний класс для переопределения родительского класса?

Цель состоит в том, чтобы родительский элемент определял его стиль. Так .dark .light p будет иметь легкий текст, .dark p будет иметь темный текст, и .light .dark .light p будет иметь легкий текст. p элемент может даже не быть прямым потомком .dark и…
18 янв '17 в 22:12
2 ответа

CSS каскадирование с примерами

Кто-нибудь может привести пример, описывающий каскадирование в CSS и когда они полезны? Я видел ответы, описывающие каскадирование, а также разницу между каскадированием и наследованием, но я не видел ответа, описывающего CSS Cascading на примере.
27 июн '12 в 15:49
2 ответа

Почему медиазапросы CSS не следуют обычным соглашениям наследования и каскада?

У меня были некоторые проблемы с моими медиа-запросами CSS3... Вот небольшой фрагмент, над которым я сейчас работаю: @media only screen and (max-width : 420px) { .page { min-width: 300px; max-width: 480px; width: 100%; } .page .alpha { font-size: 2e…
25 авг '12 в 10:53
3 ответа

Переопределение свойства CSS all: unset

Для разработки CSS-фреймворка я использую all: unset, который сам по себе работает нормально: #foo { all: unset; } Однако в некоторых случаях я хочу "отменить" действие этого правила, как в #foo:hover { all: auto; } Тем не менее, это, очевидно, не р…
08 апр '16 в 09:36
1 ответ

CSS специфичность / приоритет на основе порядка в таблице стилей?

Я кратко посмотрел на спецификацию CSS3 Selectors, но не смог ничего найти, как обойти эту проблему. Кроме того, я не ожидал, что результат этого изменится, когда вы перемещаете объявления CSS, но это происходит. Любая помощь будет отличной. div.gre…
17 ответов

Что означает "каскадирование" в CSS?

Каково точное значение термина "каскадирование" в CSS? Я получаю разные взгляды, поэтому я спрашиваю здесь. Пример поможет.
25 июн '09 в 09:57
6 ответов

Логика приоритетов CSS

В этом примере: http://jsfiddle.net/Ja29K/ <style> /* Default links */ a { color: #0F0; /* Green */ } /* Header links */ #header a { color: #F00; /* Red */ } /* Login link */ #login { color: #00F; /* Blue */ } </style> <header id="he…
1 ответ

Путать со странной проблемой каскада

У меня какая-то странная проблема с моим CSS. Я переработал некоторый код из @chriscoyier, используя подход SMACSS для его модуляции. Если я переместу.ribbon.green в конец CSS, он не будет применен. Это как-то связано с лентой:after & ribbon:before?…
18 фев '12 в 16:56
1 ответ

Изменение Специфичности

<html> <head> <style type="text/css"> #sidebar p { font-family: Verdana; font-size: .9em; } #sidebar .intro { font-family: Georgia; font-size: 1.25em; color:red; } </style> </head> <body> <div id=”sidebar”> …
05 авг '12 в 16:23
1 ответ

Различные уровни CSS и приоритет друг над другом

Я читал приличную статью здесь на эту тему: http://www.plus2net.com/html_tutorial/css-types.php Она вышла на первое место в рейтинге Google по приоритетам в таблицах стилей CSS. Однако я думаю, что сайт дезинформирует вас и является неполным! Может …
18 фев '11 в 08:19