Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Свойство !important

Дата:23.09.15 в 12:41
Справочник: 

Характеристики свойства

В каких браузерах работает?

7.0+ 1.0+ 3.5+ 3.0+ 1.0+ 1.0+ 1.0+

В каких версиях CSS используется?

CSS 1 CSS 2 CSS 2.1 CSS 3
+ + + +

Для чего используется?

Основная задача данного объявления - повысить ранг правила, чтобы перекрыть текущее.Такая необходимость возникает при использовании пользователем собственной таблицы стилей.

На практике возможны всего четыре возможных комбинации конфликтов пользовательского и авторского оформления. Пример возможных вариантов представлен ниже:

Оформление пользователя Оформление автора Итог
body { color: #ff0000;} body { color: #000;} Изначально при равных условиях больший приоритет имеет стиль автора.
body { color: #ff0000 !important;} body { color: #000;} Приоритет пользователя повышается, в результате чего работают его стили
body { color: #ff0000;} body { color: #000 !important;} Приоритет автора укрепился (пример глупый, но как вариант возможен)
body { color: #ff0000; !important;} body { color: #000; !important;} В случае наличия команды !important у обеих сторон приоритет перейдет к пользователю

Подключение пользовательского оформления через Internet Explorer осуществляется через меню по пути Сервис -> Свойство обозревателя -> Оформление

Подключение пользовательского CSS

Как правильно задавать?

Свойство: значение !important

Какие могут быть значения?

Никакие.

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Команда important</title>
  <style>
   p {
    color: #ff0000 !important;
    font-size:16px !important;
   }
   p {
    color: #444;
    font-size:20px;
   }
  </style>
 </head>
 <body>
    <p>Больший приоритет имеют команды, прописанные ниже, однако при 
использовании !important срабатывают более ранние правила оформления.</p>
 </body>
</html>

Оценка: 
Оценок: 3 (средняя 3.7 из 5)
Тип CSS свойства: 
Понравилась статья? Расскажите о ней друзьям: