Как вы читаете! Важно в CSS?

Ответ 1

"важная" декларация (токен разделителя "!" и ключевое слово "важно" следовать декларации) имеет приоритет над нормальным декларация.

http://www.w3.org/TR/CSS2/cascade.html#important-rules

В принципе, когда два правила стиля одинаковы... это дает значение, отмеченное !important более важным, и будет применять эти стили.

Пример

div{
    opacity:0 !important;
}

div.jason{
    opacity:1;
}

Первое правило будет применяться, даже если второе правило более конкретное (один элемент + один класс в отличие от одного элемента)

Примечание. IE6 игнорирует !important, когда у вас есть два одинаковых свойства, и один из них важен - он всегда будет применять последнее объявление, независимо от того, было ли оно отмечено важным. ** Добавлено из комментария @BoltClock.

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

Один хороший пример использования: !important отлично подходит для пользовательских стилей, когда пользователь хочет каким-либо образом манипулировать страницами веб-сайта в своем браузере (скажем, сделать все фоны черными и текст желтый). Без необходимости беспокоиться о специфичности пользователь может добавлять стили к определенным элементам (например, body) и делать стили визуализации.

Ответ 2

Просто "важно" или "важно". !, безусловно, не является отрицанием в этом случае.

Это не тег, это ключевое слово.

Ответ 3

body { color: red !important; } означает, на английском языке: "Цвет текста красного является важным".

С точки зрения того, как CSS видит это, он применяет больше "веса" к этому объявлению, поэтому он будет (намного) более вероятным быть примененным стилем.

Для примера, мы можем использовать

p { color: red; }
p.blue { color: blue; }

Теперь любой p с классом blue отобразит синий текст, все остальные будут отображать красный текст. Если мы изменим его на это...

p { color: red !important; }
p.blue { color: blue; }

Все они будут отображать красный текст (даже если у них есть класс blue), поскольку мы придаем более важное значение первому селектору.

Ответ 4

Думаю, я читал! как "очень".

p { color: red !important }

Я читаю как "Абзацы имеют красный цвет, что очень важно.

Ответ 5

Мне нравится думать, что это "НЕ важно".

p { 
    color: red !important; /* The rest is NOT important for this CSS property. */
} 

Значит, что все остальное из этой декларации и on не является важным и не следует принимать во внимание. Идея исходила от использования "!" символ как логический NOT во многих языках программирования. Этот способ имеет важное значение, когда вы его читаете.