Перейти к содержанию

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