, чтобы сохранить свой прогресс
Переопределить объявления стилей для классов с помощью атрибутов id
В прошлом уроке мы убедились, что браузеры читают стили CSS сверху вниз. Это означает, что в случае конфликта браузер будет использовать ту декларацию CSS, что прописана в последнюю очередь. Но мы еще не закончили. Существуют и другие способы переопределения CSS. Вы помните атрибуты id? Давайте переопределим ваши классы с pink-text
и blue-text
и сделаем ваш элемент h1
оранжевым, указав элементу h1
идентификатор, а затем прописав стиль для этого идентификатора.
Дайте элементу h1
атрибут id=orange-text
. Пример:
<h1 id="orange-text">...</h1>
Оставьте стили для классов blue-text
и pink-text
, ранее прописанные в теге style
.
Создайте объявление CSS для id orange-text
в элементе style
и задайте оранжевый цвет (orange). Вот пример того, как это выглядит: #brown-text {
color: brown;
}
Примечание. Неважно, объявляете ли вы этот CSS выше или ниже класса розового текста, поскольку атрибут id будет иметь приоритет над классами. Но если вы пропишете несколько отдельных стилей для id, то здесь так же будет действовать правило очередности./**
* Your test output will go here.
*/