Переопределение встроенных стилей с помощью внешнего CSS

При работе с HTML-разметкой, содержащей встроенные стили, вы можете столкнуться с ситуациями, когда вам необходимо переопределить эти стили. стили с использованием внешнего CSS. Однако применение обычных правил CSS не всегда может работать должным образом.

Чтобы эффективно переопределить встроенные стили, вы можете использовать ключевое слово !important в своих правилах CSS. Это ключевое слово повышает приоритет правила, позволяя ему действовать даже при наличии встроенных стилей.

Например, рассмотрим следующую HTML-разметку:

 
Если вы попытаетесь переопределить встроенный стиль элемента div с помощью правила CSS:
div {
    color: blue;
}
Встроенный стиль не будет переопределен. Чтобы убедиться, что встроенный стиль перезаписан, используйте ключевое слово !important:
div {
    color: blue !important;
}
Добавляя !important к правилу, вы придаете ему более высокий приоритет над встроенным стилем. В результате текст внутри элемента div теперь будет отображаться синим цветом, хотя встроенный стиль явно устанавливает красный цвет.