Веб Навсегда.инфоCSS-стили → !IMPORTANT

Реклама


!!! Ваша ссылка здесь всего за 10 руб в месяц на всех страницах сайта!!!

!IMPORTANT

Описание элемента

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

Как видно из названия, !IMPORTANT повышает приоритет стилевого параметра.

Теперь давайте рассмотрим случаи, когда и к каким результатом приводит использование этого стиля:

Стиль на странице Пользовательский стиль Результат
 Есть !IMPORTANT  Есть!IMPORTANT  Будет использоваться пользовательский стиль.
 Есть !!IMPORTANT  Нет !IMPORTANT  Будет использоваться стиль, применённый на странице.
 Нет !IMPORTANT  Есть !IMPORTANT  Будет использоваться пользовательский стиль.
 Нет !IMPORTANT  Нет !IMPORTANT  Будет использоваться стиль, применённый на странице

Как видите, всё довольно просто.

Синтаксис

Элемент: { Свойствозначение !important }

У этого атрибута нет никаких аргументов, применяется !IMPORTANT внутри других свойств и действует только на данное свойство.

Следует заметить, что подключением пользователем таблицы стилей редкое явление и поэтому постоянно использовать !IMPORTANT, боясь за искажение содержания свой страницы не нужно. Лично я вообще не встречал использования этого атрибута в таблицах стилей.

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

Пример атрибута свойства !IMPORTANT

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Атрибут !IMPORTANT</title>
<style type="text/css">
P
{
 font-size: 14px !important;
 font-color:#0000a0 !important;
 background-image('img/backgound.gif');
}
</style>
</head>
<body>
 <p>В данном случае !important указан только у цвета и размера шрифта, а у фона к параграфу !important не указан.<br>Естественно, что является стилем описанным на странице, и как эти свойства будут вести себя в случае, если пользователь подключил собственные стили см. в таблице выше.</p>
</body>
</html>