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