Дан фрагмент HTML-кода и таблица стилей CSS:
<p class="note">A</p>
<p id="main" class="note">B</p>
<p>C</p>
p { color: blue; }
.note { color: green; }
#main { color: red; }
Какого цвета будут тексты A, B и C соответственно?
Показать ответ и разборСкрыть ответ и разбор
Верный ответ
- Cзелёный, красный, синий
Разбор
Приоритет селекторов в CSS: селектор идентификатора (#) сильнее селектора класса (.), а он сильнее селектора тега. Текст A: подходят правила p и .note, побеждает класс, значит цвет зелёный. Текст B: подходят p, .note и #main, побеждает идентификатор, значит цвет красный. Текст C: подходит только правило p, значит цвет синий. Верный ответ: «зелёный, красный, синий».