CSS/Слово !important: различия между версиями
Содержимое удалено Содержимое добавлено
Oleg4280 (обсуждение | вклад) Нет описания правки |
Нет описания правки |
||
Строка 3:
Приоритет использования стилей (от меньшего к большему):
* Стили браузера установленные клиентом
* Внешняя таблица стилей link
* Импортируемые таблицы @import
* Глобальные таблицы стилей <style>…</style>
* Встроенные таблицы стилей style
* Правило помеченное верстальщиком !important
* Правило помеченное пользователем !important
Стиль браузера — это стиль,
Стили браузера установленные клиентом - установленные поверх браузера пользователем стили влияющие на оформление контента.
Внешняя таблица стилей link - подключение таблицы стилей из внешнего файла тегом <link> помещенного в теге <head></head>
Импортируемые таблицы @import подключение методом @import в теге head
Допустим мы писали, что <code>a{text-decoration:none;color:#000;}</code> — это мы применили стили для всех ссылок. Но если мы хотим сменить цвет ссылки, желательно в стиль ссылки с h3 дописать слово !important, тем самым повысив его приоритет и применив к <code>h3>a{color:#232323!important;}</code> нужный нам цвет без опасности того, что стиль не будет применён к ссылке.
|