Свойство 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
К тегу div применено два свойства background в которых имеются противоречия:
- в первом случае фон задан цветом #ffb920
- во втором случае фон задан цветом #3131f7