Декларация !important
Синтаксис
[свойство]: [значение] !important;
Описание
Декларация !important
(от англ. "important" ‒ «важный, значимый») переопределяет приоритет применения параметров стилей. Данная декларация была создана для того, что бы разработчики имели возможность управлять стилями документа или отдельного элемента документа независимо от стилей, прописанными другими авторами.
Примечание
Приоритет может устанавливаться и иметь силу как в рамках одной таблицы стилей (одного файла), так и в рамках разных таблиц подключаемых к одному документу.
В случае использования декларации в сокращённом свойстве (то есть, свойстве одновременно указывающим значения всех подсвойств; например, «border: 1px solid red !important;
»), приоритет устанавливаемый «!important
» распространяет своё влияние в том числе и на значения подсвойств («border-width | border-style | border-color
»).
Приоритет использования «!important
» автором и пользователем (другим разработчиком) приведён в таблице ниже.
A | A! | |
---|---|---|
П | А* | А* |
П! | П* | А* |
Где,
- А - таблица стилей автора;
- А! - таблица стилей автора с применением декларации «
!important
»; - П - таблица стилей пользователя;
- П! - таблица стилей пользователя с применением декларации «
!important
»; - А* - применяется параметр из таблицы автора;
- П* - применяется параметр из таблицы пользователя.
Поддержка браузерами
Спецификация
Пример использования
<html>
<head>
<meta charset="utf-8">
<title>Декларация приоритета стилей</title>
<style type="text/css">
span { border: 1px solid red !important; }
</style>
</head>
<body>
<h1>Декларация "!important"</h1>
<p>Приоритет в данном предложении будет переопределён в пользу таблицы стилей расположенной в <span style="border-width: 3px; border-style: groove; border-color: blue;">техническом заголовке страницы</span>.</p>
</body>
</html>