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

Каково свойство атрибута CSS !important читать?

Это really important, exclamation mark important...

Ответ: Из ответов ниже, кажется, читается просто important, или же bang important,

5 ответов

Решение

объявление "! Important" (токен разделителя "!" и ключевое слово "важный" следуют за объявлением) имеют приоритет перед обычным объявлением.

http://www.w3.org/TR/CSS2/cascade.html

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

пример

div{
    opacity:0 !important;
}

div.jason{
    opacity:1;
}

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

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

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

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

Просто "важный" или "важный удар". ! это определенно не отрицание в этом случае.


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

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

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

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

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

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

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

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

Я думаю, что я прочитал! как "очень".

p { color: red !important }

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

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

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

Это означает, что все остальное из этой декларации и далее НЕ важно и не должно приниматься во внимание. Идея пришла от использования "!" символ как логическое НЕ во многих языках программирования. Таким образом,! Важно иметь смысл, когда вы читаете это.

Другие вопросы по тегам