www html, html уроки, html теги, css, верстка
статьи html урокикниги по css и html урокамвопросы и ответы Помощь сайту дизайн-студия Шутовой Елены
Главная страница > Свойства CSS (ЦСС) > !important
Свойства CSS (ЦСС)
Все свойства
!important
@import
@media
active
after
background
background-attachment
background-color
background-image
background-position
background-repeat
before
border
border-bottom
border-bottom-color
border-bottom-style
border-bottom-width
border-collapse
border-color
border-left
border-left-color
border-left-style
border-left-width
border-right
border-right-color
border-right-style
border-right-width
border-spacing
border-style
border-top
border-top-color
border-top-style
border-top-width
border-width
bottom
caption-side
clear
clip
color
content
counter-increment
counter-reset
cursor
direction
display
empty-cells
first-child
float
focus
font
font-family
font-size
font-style
font-variant
font-weight
height
hover
left
letter-spacing
line-height
link
list-style
list-style-image
list-style-position
list-style-type
margin
margin-bottom
margin-left
margin-right
margin-top
max-height
max-width
min-height
min-width
opacity
outline
outline-color
outline-style
outline-width
overflow
padding
padding-bottom
padding-left
padding-right
padding-top
position
quotes
right
table-layout
text-align
text-decoration
text-indent
text-transform
top
unicode-bidi
vertical-align
visibility
visited
white-space
width
word-spacing
z-index
CSS (ЦСС) по категориям
Цвет и фон
Границы
Шрифт
контент
Списки
Форматирование
Позиционирование
Отступы
Поля
Таблицы
Интерфейс
Важность
Псевдоэлементы
Псевдоклассы
Контент

!important

Браузер Internet ExplorerInternet Explorer NetscapeNetтscape OperaОпера SafariSafari Файер фохMozilla Firefox
Версия 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Поддерживается Да Да Да Да Да Да Да Да Да Да Да Да Да Да Да Да

Краткая информация

CSS (ЦСС) CSS (ЦСС)2
Значение по умолчанию Нет
Наследуется Нет
Применяется Ко всем элементам
Аналог ШТМЛ Нет
Ссылка на спецификацию http://www.w3.org/TR/CSS21/cascade.html#important-rules

Описание

Играет роль в том случае, когда пользователи подключают свою собственную таблицу стилей. Если возникает противоречие, когда стиль автора страницы и пользователя для одного и того же элемента не совпадает, то !important позволяет повысить приоритет стилевого параметра.

При использовании пользовательской таблицы стилей или одновременном применении разного стиля автора и пользователя к одному и тому же селектору, браузер руководствуется следующим алгоритмом.

  1. !important добавлен в авторский стиль — будет применяться стиль автора.
  2. !important добавлен в пользовательский стиль — будет применяться стиль пользователя.
  3. !important нет как в авторском стиле, так и стиле пользователя — будет применяться стиль автора.
  4. !important содержится в авторском стиле и стиле пользователя — будет применяться стиль пользователя.

Итог от применения !important в общем случае показан в табл. 1.

Табл. 1. Результат применения !important
Стиль автора Стиль пользователя Результат
BODY {
/* Серый цвет контента */
color: silver;

/* Размер контента 8 пунктов */
font-size: 8pt
}
BODY {
/* Черный цвет контента */
color: #000;

/* Размер контента 12 пунктов */
font-size: 12pt
}

Lorem ipsum dolor sit amet...

Будет применяться стиль автора, а именно: установлен серый цвет контента, размер шрифта 8 пунктов.

BODY {
/* Серый цвет контента */
color: silver;

/* Размер контента 8 пунктов */
font-size: 8pt
}
BODY {
/* Черный цвет контента, повышенная важность */
color: #000 !important;

/* Размер контента 12 пунктов */
font-size: 12pt
}

Lorem ipsum dolor sit amet...

Цвет контента будет установлен пользовательским, а размер шрифта останется исходным. В итоге увидим черный контент размером 8 пунктов.

BODY {
/* Серый цвет контента */
color: silver;

/* Размер контента 8 пунктов */
font-size: 8pt
}
BODY {
/* Черный цвет контента, повышенная важность */
color: #000 !important;

/* Размер контента 12 пунктов, повышенная важность */
font-size: 12pt !important
}

Lorem ipsum dolor sit amet...

Будут использоваться все параметры пользователя. контент станет отображаться как черный, размер 12 пунктов.

BODY {
/* Серый цвет контента, повышенная важность */
color: silver !important;

/* Размер контента 8 пунктов, повышенная важность */

font-size: 8pt !important
}
BODY {
/* Черный цвет контента, повышенная важность */
color: #000 !important;

/* Размер контента 12 пунктов, повышенная важность */
font-size: 12pt !important
}

Lorem ipsum dolor sit amet...

При добавлении !important в ту и другую таблицу приоритет в этом случае имеет стиль пользователя. В результате контент станет черным, а размер его увеличится до 12 пунктов.

Синтаксис

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

Аргументы

У этого атрибута нет аргументов.

Пример

ШТМЛ 4.01CSS (ЦСС) 2.1IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>important</title>
  <style type="text/CSS (ЦСС)">
   P {
    background: url('/images/mklvfkwr.gif') no-repeat !important;
   }
  </style>
 </head>
 <body>
    <p>Минорная пентатоника с пониженной V ступенью также имеется ввиду блюзовой 
    пентатоникой.</p>
 </body>
</html>

Copyright 2009 Все права засчищены, по всем вопросам пишите по адресу admin@www-html.ru

О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект