CSS/Слово !important

Материал из Викиучебника — открытых книг для открытого мира
< CSS

Слово !important повышает приоритет стиля.

Приоритет использования стилей (от меньшего к большему):

  • Стили браузера по умолчанию
  • Стили браузера установленные клиентом
  • Внешняя таблица стилей link
  • Импортируемые таблицы @import
  • Глобальные таблицы стилей <style>…</style>
  • Встроенные таблицы стилей style
  • Правило помеченное верстальщиком !important
  • Правило помеченное пользователем !important

Стиль браузера — это стиль, заложенный в браузер по умолчанию его разработчиками.

Стили браузера установленные клиентом - установленные поверх браузера пользователем стили влияющие на оформление контента.

Внешняя таблица стилей link - подключение таблицы стилей из внешнего файла тегом <link> помещенного в теге <head></head>

Импортируемые таблицы @import подключение методом @import в теге head


Допустим мы писали, что a{text-decoration:none;color:#000;} — это мы применили стили для всех ссылок. Но если мы хотим сменить цвет ссылки, желательно в стиль ссылки с h3 дописать слово !important, тем самым повысив его приоритет и применив к h3>a{color:#232323!important;} нужный нам цвет без опасности того, что стиль не будет применён к ссылке.

Дятел