властивості css

Підсумок від застосування! Important в загальному випадку показаний в табл. 1.

Табл. 1. Результат застосування! Important

BODY / * Сірий колір контенту * /
color: silver;

/ * Розмір контенту 8 пунктів * /
font-size: 8pt
>

BODY / * Чорний колір контенту * /
color: # 000;

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

Lorem ipsum dolor sit amet.

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.01 CSS (ЦСС) 2.1 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0