Ура! А теперь мы доказали, что inline-стили будут переопределять все CSS стили из элемента style.

Но подождите. Остался ещё последний способ переопределить CSS стили и он наиболее эффективен по сравнению с другими. Но сперва, давайте поговорим, почему стоит им воспользоваться.

В большинстве случаев, вы будете использовать сторонние библиотеки CSS и они могут случайно переопределить ваши стили. Таким образом, когда нужно абсолютно быть уверенным, что у элемента свой стиль, можно использовать правило: !important.

Давайте вернемся назад к классу pink-text. Вспомним, что класс pink-text переопределяли последующим определением CSS класса, стелем id и inline-стилем.

А теперь добавим ключевое слово !important в конце свойства color стиля pink-text, чтобы элемент h1 всегда был розовым.

Пример: color: red !important;