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