!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>Читайте также
Свойство border-spacing
Задаёт расстояние между границами ячеек в таблице. Не работает в случае, когда для таблицы устано...
Свойство bottom
Устанавливает положение нижнего края содержимого элемента без учёта толщины рамок и отступов.<...
Свойство font-stretch
Устанавливает узкое, нормальное или широкое начертание шрифта, что позволяет уплотнять или расшир...
Правило @supports
Правило @supports позволяет проверить, поддерживает браузер ту или иную возможность, и на основе ...
Свойство border-image
Используется для отображения рисованной рамки вокруг элемента. Толщина рамки задаётся свойством b...