/css/!important:> Декларация приоритета стилей_

Декларация !important

Синтаксис

CSS
[свойство]: [значение] !important;

Описание

Декларация !important (от англ. "important" ‒ «важный, значимый») переопределяет приоритет применения параметров стилей. Данная декларация была создана для того, что бы разработчики имели возможность управлять стилями документа или отдельного элемента документа независимо от стилей, прописанными другими авторами.

Примечание

Приоритет может устанавливаться и иметь силу как в рамках одной таблицы стилей (одного файла), так и в рамках разных таблиц подключаемых к одному документу.

В случае использования декларации в сокращённом свойстве (то есть, свойстве одновременно указывающим значения всех подсвойств; например, «border: 1px solid red !important;»), приоритет устанавливаемый «!important» распространяет своё влияние в том числе и на значения подсвойств («border-width | border-style | border-color»).

Приоритет использования «!important» автором и пользователем (другим разработчиком) приведён в таблице ниже.

A A!
П А* А*
П! П* А*

Где,

  • А - таблица стилей автора;
  • А! - таблица стилей автора с применением декларации «!important»;
  • П - таблица стилей пользователя;
  • П! - таблица стилей пользователя с применением декларации «!important»;
  • А* - применяется параметр из таблицы автора;
  • П* - применяется параметр из таблицы пользователя.

Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация


Пример использования

Листинг кода
<!DOCTYPE html>
<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>
Декларация приоритета стилей