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

In CSS, specificity is a measure that determines the strength of a selector. The properties within selectors with the highest specificity get applied, overriding the same properties of selectors with lower specificity, regardless of their position within a stylesheet.
1 ответ

Вывод правил CSS из SASS mixin игнорируется

Миксин SA SS, который создает некоторые правила CSS, игнорируется. Chrome Dev Tools показывает зарегистрированные, но вычеркнутые правила, и я не могу понять, почему. Сначала я думал, что существует конфликт специфики, но нет противоречивых правил. …
06 май '14 в 13:36
1 ответ

Существуют ли правила CSS, которые при установке на пустые строки переопределяют правила с более низкой специфичностью

Я пытаюсь определить, какой стиль применяется к элементу, учитывая как встроенные, так и классовые стили. Javascript анализирует оба этих объекта в объекты, но стили, которые не установлены, являются пустыми строками, а не undefined, Если стили, кот…
12 июл '15 в 16:00
4 ответа

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

У меня есть этот простой код CSS: p.child-class { color: red; } .parent-class p { color: green; } HTML: <div class="parent-class"> <p class="child-class"></div> </div> Селектор .parent-class применяется вместо селектора более…
28 июл '13 в 20:59
6 ответов

Оформление текста: никто не удаляет оформление текста

Рассмотрим следующий кодHTML: <span class='c1'>Home<sup id='id1'>[2]</sup></span> CSS: .c1 { text-decoration:underline; } #id1 { text-decoration:none !important; } Теперь я ожидал Home иметь подчеркивание в то время как верхн…
18 авг '11 в 20:10
4 ответа

CSS класс внутри ID выигрывает

Два вложенных div, внешний идентифицируется идентификатором, а внутренний идентифицируется классом: <div id="theID"> <div class="aClass">Class inside ID</div> </div> Допустим, у нас есть правила для класса и ID .aClass {color…
31 мар '13 в 02:08
4 ответа

Вопрос CSS - Специфика и временная интерференция

Почему в следующем коде world синий, а не красный? Специфика .my_class является 0,0,1,0, но он наследует цвет #my_id какая специфичность выше (0,1,0,0). HTML: <p id='my_id'> Hello <span class='my_class'> world </span> </p> CS…
23 июн '10 в 01:34
4 ответа

Изменить специфику по ребенку

Я хотел бы интегрировать тег темы в мои элементы, чтобы они отображались в разных цветах. Но поскольку селекторы css имеют одинаковую специфику css, последняя переопределяет ранее определенное правило. это пример, который показывает мою проблему: &l…
15 дек '09 в 07:53
1 ответ

Менее специфичный стиль применяется браузером

<body> <section id="section"> <nav class="class1 class2 class3"> <ul class="class4 class5" id="ul"> <li><a></a></li> <li><a></a></li> <li><a></a></li> &l…
18 мар '18 в 19:52
2 ответа

Стили имеют преимущественную силу. Абзац с отступом не работает

Мне нужна помощь с проблемой форматирования. Я хотел, чтобы количество отступов в разделе адреса конфиденциальности HSC совпадало с разделом адреса безопасности HSC, и что-то не работает правильно. Я думал, что у меня правильно установлены классы, н…
14 янв '14 в 19:44
2 ответа

Является ли селектор атрибута для атрибута идентификатора менее конкретным, чем селектор идентификатора?

Что мне нужно сделать, чтобы дать [id^=value] селектор той же специфичности, что и обычный идентификатор, и почему он уже не равен или больше? (учитывая, что я это дал html также) html div[id^="blue"] { background-color: blue } #blue4 { background-c…
30 сен '15 в 13:57
2 ответа

Как установить background-position со спрайтами?

Привет и С Новым Годом:D Итак, вот проблема: я хочу показать 6 воздушных шаров на странице со спрайтами. Фактический спрайт содержит 6 цветных шаров. Давайте посмотрим код и результат. HTML: <div class="hotairballoons"> <div class="ball-1"&…
01 янв '17 в 16:53
2 ответа

Специфика CSS и устаревшие атрибуты HTML

Какова будет подразумеваемая специфика следующего стиля, если таковой имеется: <iframe src="..." height="300" width="500"></iframe> Это все еще получается specificity = 1,0,0,0 и переопределить любой другой стиль применяется? Как это буд…
29 май '12 в 00:56
1 ответ

Расчет специфичности CSS и некорректное поведение в браузерах

Согласно моему пониманию расчетов специфичности CSS, цвет h1 ниже должен быть красным, но браузеры показывают его синим шрифтом. Есть идеи, что мне не хватает? #contact h1 {color:blue;} /* specificity: 0101 */ body#contact div p h1 {color:red;} /* s…
15 фев '18 в 21:00
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
1 ответ

Является ли склонным к ошибкам использование селекторов атрибутов ID (не #id) в элементах тела для CSS-файлов пространства имен?

Я использую Sass для компиляции моих таблиц стилей SCSS в один assembled.css уменьшить HTTP-запросы. Чтобы создать пространство имен для отдельных страниц для стилизации, я обертываю каждый CSS-файл для каждой страницы в селекторе идентификаторов дл…
27 дек '12 в 05:36
2 ответа

Конкретный вопрос о специфике CSS

У меня есть очень специфический вопрос о специфичности CSS, который я не мог четко понять; http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/ Если у меня есть 2 селектора, которые определяют непротиворечивые свойст…
23 авг '11 в 11:35
3 ответа

css3 специфичность nth-child

Почему эти два не выходят эквивалентными? Первый показывает зеленый ряд, а второй нет. Разница лишь в html c. Кроме того, какова специфика селектора nth-child? <!DOCTYPE html> <html> <head> <title>Stripe Test</title> &l…
01 май '12 в 04:55
3 ответа

Как можно переопределить класс CSS, чтобы ничего не применялось?

Что я на самом деле пытаюсь сказать, и извините, если название, если мы устали, это то, что у меня есть фреймворк (Richfaces), который применяет свой собственный стиль. У меня есть корпоративный CSS, и я не эксперт по CSS, все, что мне нужно, это пе…
16 янв '12 в 00:54
2 ответа

Почему атрибут цвета.active не применяется?

При наличии активного элемента div для изменения внешнего вида активного элемента меню (с использованием jquery) цвет фона изменяется, как и ожидалось (с белого на черный), однако атрибут цвета текста (с черного на белый) - нет. Зачем? - и как я мог…
02 авг '16 в 21:25
2 ответа

CSS-класс полностью игнорируется

Я пытаюсь сделать что-то, что кажется действительно простым, но оказывается болью. Я должен стилизовать маркеры на ul, чтобы они отличались от цвета текста. Попробовав метод псевдокласса (:before) и получив только головную боль, я решил использовать…
16 янв '15 в 18:33