CSS/Слово !important
Слово !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;}
нужный нам цвет без опасности того, что стиль не будет применён к ссылке.