Наш класс pink-text переопределил декларацию CSS в body элементе! Мы просто доказали, что наши стили переопределяют CSS элемента body. Итак, следующий логический вопрос: что мы можем сделать, чтобы переопределить наш стиль для класса pink-text?
Создайте дополнительный стиль CSS для класса blue-text, который задает элементу синий цвет. Убедитесь, что оно ниже вашего объявления для класса pink-text. Примените класс blue-text к вашему элементу h1 в дополнение к вашему классу pink-text, и давайте посмотрим, какой из них выиграет.
Подсказка: Чтобы элементу задать сразу несколько классов в атрибуте class, надо просто перечислить их через пробел. Например:
class="class1 class2 class3"
Примечание. Не имеет значения, какой порядок классов указан в элементе HTML. Тем не менее, порядок объявлений class в разделе <style> - это то, что важно. Последующая декларация всегда будет иметь приоритет над предыдущей. Поскольку .blue-text объявлен вторым, он переопределяет стили класса .pink-text