Властивості css! Important

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

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

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

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

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

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

У цього атрибута немає аргументів.