!important CSS

Модификатор !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, оно будет игнорироваться браузерами.