Встречается на собеседованиях • сегодня

Какие знаешь нестандартные случаи специфичности в CSS

Специфичность в CSS может иметь неочевидные моменты:

  1. :not() псевдокласс не увеличивает специфичность, но аргумент внутри него — да:
css
div:not(.class) {} /* 0,1,1 (класс внутри :not учитывается) */
div:not(span) {}   /* 0,0,2 (только элемент) */
  1. Инлайн-стили (style="") всегда побеждают, кроме !important в CSS.

  2. !important ломает обычную иерархию, но если несколько !important — срабатывает стандартная специфичность.

  3. Атрибутные селекторы [type="text"] имеют вес как класс (0,1,0).

  4. Универсальный селектор (*) не добавляет специфичности, но может влиять на совпадение.

  5. Повторение одного класса не увеличивает специфичность:

css
.class.class {} /* 0,1,0 (не 0,2,0) */
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы