Свойство CSS !important

Поддержка браузерами

Internet Explorer Netscape Opera Safari Mozilla Firefox Chrome
5.5+ 6.0+ 7.0+ 1.0+ 1.7+ 1.0+ 1.0+

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

Значение по умолчанию Нет
Наследуется Нет
Применяется Ко всем элементам
Аналог HTML Нет
Реализация в javascript Добавление стиля непосредственно самому элементу
document.getElementById('idElement').style.border = '1px solid red';
в данном случае элементу с id='idElement' будет добавлен стиль 
border:1px solid red
Результат будет следующтй, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="border:1px solid red">...</div>
Реализация в jQuery Добавление стиля непосредственно самому элементу
$('#idElement').css('border','1px solid red');
в данном случае элементу с id='idElement' будет добавлен стиль 
border:1px solid red
Результат будет следующтй, допустим id='idElement' имеет тег div, тогда:
<div id="idElement" style="border:1px solid red">...</div>

Поддерживающие версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Используется для повышения приоритета свойства CSS. Используется в том случае, когда  у одного и того-же элемента существует два и более одинаковых свойства с разными значениями или два класса с противоречащими значениями, в этом случае приоритет свойства будет выше там где имеется атрибут !important. В случае если у двух свойств будет применен !important или у обоих он отсутствует, приоритет устанавливается согласно специфичности каскадирования в CSS.

Свойство !important не наследуется дочерними элементами и может применяться к любым свойствам CSS.

Синтаксис

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

Например:

...
background: #ffb920 !important;
border: #000000 solid 1px !important;
padding: 20px !important; 
text-align: center !important; 
font-size: 16px !important; 
font-weight: bold !important; 
...

Значения

У этого свойства отсутствуют значения

Пример

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Примеир использования свойства !important</title>
<style>
    div {/*Первый стиль*/
        background: #ffb920 !important;
        border: #000000 solid 1px;
        padding: 20px;        
    }
    div {/*Второй стиль*/
        background: #3131f7 ;
    }
</style>
</head>
<body>
	<div>
            В этом блоке показан пример использования свойства !important.<br>
            К тегу div применено два свойства background в которых имеются противоречия:<br>
            - в первом случае фон задан цветом #ffb920<br>
            - во втором случае фон задан цветом #3131f7
	</div>
</body>
</html>

Результат

В этом блоке показан пример использования свойства !important.
К тегу div применено два свойства background в которых имеются противоречия:
- в первом случае фон задан цветом #ffb920
- во втором случае фон задан цветом #3131f7