Переопределите все остальные стили, используя ключевое слово !important
Ура! Мы убедились, что встроенные стили переопределяют все объявления CSS в вашем элементе style. Но подождите! Есть еще один способ переопределить стили CSS.
Замечание: все же старайтесь избегать этого приема. Используйте его только в крайних случаях. И да, одни стили, заданные с флагом !important перебиваются другими стилями с таким же флагом в порядке очередности:)
Это самый мощный метод для всех. Но прежде чем мы это сделаем, давайте поговорим о том, зачем нам вообще такое может понадобиться. Во многих ситуациях вы будете использовать библиотеки CSS. Они могут случайно переопределить ваш собственный CSS. Поэтому, когда вам абсолютно необходимо убедиться, что элемент имеет определенный CSS, вы можете использовать флаг !important Давайте вернемся к нашему объявлению класса pink-text. Помните, что наш класс pink-text был переопределен последующими объявлениями классов, декларациями id и встроенными стилями.
Давайте добавим флаг (ключевое слово) !important в стилях для класса pink-text, чтобы точно убедиться, что ваш элемент h1 будет розовым (pink). Пример того, как это сделать:
color: red !important;