В HTML-документе заданы стили и три абзаца:
<style>
p {color: red;}
.note {color: blue;}
#main {color: green;}
</style>
<p class="note">1</p>
<p id="main" class="note">2</p>
<p>3</p>
Каким цветом браузер отобразит текст абзацев 1, 2 и 3 соответственно?
Показать ответ и разборСкрыть ответ и разбор
Верный ответ
- Cсиний, зелёный, красный
Разбор
Абзац 1 имеет класс note. Селектор класса приоритетнее селектора тега p, поэтому текст синий. Абзац 2 имеет и класс, и идентификатор. Селектор идентификатора #main приоритетнее селектора класса, поэтому текст зелёный. Абзац 3 не имеет ни класса, ни идентификатора, к нему применяется только правило для тега p, поэтому текст красный. Верный набор: «синий, зелёный, красный». Вариант «синий, зелёный, чёрный» неверен, так как правило для тега p действует на третий абзац. Вариант «синий, синий, красный» неверен, так как идентификатор приоритетнее класса.