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

Какой максимальный приоритет CSS selector

!important имеет наивысший приоритет в CSS, перекрывая все другие правила. Однако среди селекторов приоритет определяется так (по убыванию):

  1. Инлайн-стили (style="")
  2. ID (#id)
  3. Классы, атрибуты, псевдоклассы (.class, [type="text"], :hover)
  4. Элементы, псевдоэлементы (div, ::before)

Пример:

css
#header .menu li:hover { /* приоритет: 0,1,1,1 */ }
div#main .item { /* приоритет: 0,1,1,0 - выше */ }

Чем выше специфичность, тем приоритетнее правило. При равной специфичности побеждает последнее объявленное правило.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

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

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

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