Выбор ответа Junior Селекторы и специфичность спрашивают часто обновлено
Inline-стиль против !important
Вопрос
Какого цвета будет текст?
<style>
p { color: blue !important; }
</style>
<p style="color: red">Текст</p>
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: Синего: !important в таблице сильнее обычного inline-стиля. Важность проверяется в каскаде раньше, чем то, где объявлен стиль.
Варианты ответа
- Синего:
!importantв таблице сильнее обычного inline-стиляправильный ответ - Красного: inline-стиль сильнее любой таблицы стилей
- Красного: селектор по тегу слишком слабый для
!important - Чёрного: при конфликте применяется значение браузера
Разбор
Важность проверяется в каскаде раньше, чем то, где объявлен стиль. Обычный inline проигрывает !important из таблицы. Специфичность селектора здесь не важна: !important поднимает объявление в более сильную группу. Inline сильнее только обычных правил из таблиц. Отката к значению браузера при конфликте не бывает.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.
Предыдущий вопрос
Наследование против универсального селектора
Следующий вопрос
Каскадные слои и специфичность