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

Какой уровень специфичности у important

!important имеет наивысший уровень специфичности и переопределяет любые другие стили, независимо от их веса. Даже инлайновые стили (style="...") уступают ему. Однако злоупотребление !important усложняет поддержку кода.

Пример:

css
.button { color: red; }        /* Специфичность: 0,0,1,0 */
#nav .button { color: blue; }  /* Специфичность: 0,1,1,0 */
.button { color: green !important; } /* Победит, несмотря на низкую специфичность */

Лучше повышать специфичность селекторов или использовать каскад, чем применять !important.

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

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

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

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