Встречается на собеседованиях • сегодня
Какие знаешь нестандартные случаи специфичности в CSS
Специфичность в CSS может иметь неочевидные моменты:
:not()псевдокласс не увеличивает специфичность, но аргумент внутри него — да:
css
div:not(.class) {} /* 0,1,1 (класс внутри :not учитывается) */
div:not(span) {} /* 0,0,2 (только элемент) */-
Инлайн-стили (
style="") всегда побеждают, кроме!importantв CSS. -
!importantломает обычную иерархию, но если несколько!important— срабатывает стандартная специфичность. -
Атрибутные селекторы
[type="text"]имеют вес как класс (0,1,0). -
Универсальный селектор (
*) не добавляет специфичности, но может влиять на совпадение. -
Повторение одного класса не увеличивает специфичность:
css
.class.class {} /* 0,1,0 (не 0,2,0) */
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы