Как вы читаете! Важно в CSS? - PullRequest
Новая
       24

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

41 голосов
/ 10 сентября 2011

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

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

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

Ответы [ 5 ]

56 голосов
/ 10 сентября 2011

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

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) и отображать стили.

22 голосов
/ 10 сентября 2011

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

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

7 голосов
/ 10 сентября 2011

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

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

В качестве примера мы можем использовать 

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

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

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

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

2 голосов
/ 10 сентября 2011

Наверное, я прочитал!«очень»

1 голос
/ 24 мая 2012

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

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

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

...