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