!important
Описание
Играет роль в том случае, когда пользователи подключают свою собственную таблицу стилей, также применяется для повышения специфичности стилевого правила. Если возникает противоречие, когда стиль автора страницы и пользователя для одного и того же элемента не совпадает, то !important позволяет повысить приоритет стиля.
При использовании пользовательской таблицы стилей или одновременном применении разного стиля автора и пользователя к одному и тому же селектору, браузер руководствуется следующим алгоритмом.
!important добавлен в авторский стиль — будет применяться стиль автора.
!important добавлен в пользовательский стиль — будет применяться стиль пользователя.
!important нет как в авторском стиле, так и стиле пользователя — будет применяться стиль автора.
!important содержится в авторском стиле и стиле пользователя — будет применяться стиль пользователя.
Синтаксис
Свойство: значение !important;Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
.im {
color: red !important;
}
.im {
color: black;
}
</style>
<div class='im'>important</div>
</body>
</html>Читайте также
Свойство list-style-position
Указывает, как будет размещаться маркер относительно текста — маркер обтекается текстом или вынес...
Стиль включенных элементов интерфейса
Псевдокласс :checked применяется к элементам интерфейса, таким как переключатели (checkbox), флаж...
Свойство white-space
Свойство white-space устанавливает, как отображать пробелы между словами. В обычных условиях любо...
Свойство position
Устанавливает способ позиционирования элемента относительно окна браузера или других объектов на ...
Свойство filter
Применяет художественные эффекты к элементам. Обычно используется для изображений.