!important¶
Модификатор !important
играет роль в том случае, когда пользователи подключают свою собственную таблицу стилей, также применяется для повышения специфичности стилевого правила. Если возникает противоречие, когда стиль автора страницы и пользователя для одного и того же элемента не совпадает, то !important
позволяет повысить приоритет стиля.
При использовании пользовательской таблицы стилей или одновременном применении разного стиля автора и пользователя к одному и тому же селектору, браузер руководствуется следующим алгоритмом.
!important
добавлен в авторский стиль — будет применяться стиль автора.!important
добавлен в пользовательский стиль — будет применяться стиль пользователя.!important
нет как в авторском стиле, так и стиле пользователя — будет применяться стиль автора.!important
содержится в авторском стиле и стиле пользователя — будет применяться стиль пользователя.
Синтаксис¶
Свойство: <значение> !important
Спецификации¶
Описание и примеры¶
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>important</title>
<style>
p {
background: url(/example/image/tune1.png) no-repeat !important;
min-height: 112px; /* Минимальная высота */
padding-left: 65px; /* Поле слева от текста */
}
p {
background: url(/example/image/tune2.png) no-repeat;
}
</style>
</head>
<body>
<p>
Минорная пентатоника с пониженной V ступенью также
называется блюзовой пентатоникой.
</p>
</body>
</html>
В данном примере для одного селектора задается одно и то же свойство с разными значениями. Но поскольку к первому селектору добавляется !important
, то его стиль и будет применяться на странице.
Примечание¶
При добавлении !important
к значению стилевого свойства его важность повышается. Если переопределить значение того же свойства без !important
, оно будет игнорироваться браузерами.