Как вы читаете! Важно в 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. */
}
Это означает, что все остальное из этой декларации и далее НЕ важно и не должно приниматься во внимание. Идея пришла от использования "!" символ как логическое НЕ во многих языках программирования. Таким образом,! Важно иметь смысл, когда вы читаете это.