В прошлом уроке мы убедились, что браузеры читают стили 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;
}