! важный переопределен

Question

Я использую JQuery Mobile и хочу, чтобы весь текст в моем приложении был фиолетовым. Я сделал это: color: #7A68AE !important; в моем body разделе моего CSS.

Затем я попытался отладить его в firebug и заметил, что мой !important был переопределен.

Как это возможно? Разве !important не должен перезаписывать все остальное?

Примечание Я уже исправил проблему, мне было просто интересно, почему !important не работает

Answer 1

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

Не видя примера, я не могу быть на 100% положительным, однако.

См. Также ! Важные правила

Answer 2

Это могло произойти по многим причинам.Например:

• одно ваше предложение !important было переопределено другим предложением !important с более конкретным селектором (Правка: один из других людей, отвечая на ваш вопрос, Брэд, указал на это ресурс: www.w3.org / TR / CSS2 / cascade.html # специфичность ),
• вы использовали несколько встроенных стилей для конкретного элемента,
• вы использовали JavaScript на самом деледобавьте несколько встроенных стилей в элемент,

Вы сказали, что у вас есть Firebug, так что вы сможете определить, в чем дело.См. С включенным и отключенным JS, см. Стили, примененные для определенных селекторов, и просмотрите получившиеся стили.Без кода мы мало что можем сказать по этому поводу.

Answer 3

! Важный делает что-то перебор на том же уровне иерархии - но таблица стилей пользователя с! Важным объявлением походит на непобедимый.

Полная иерархия связанная таблица стилей <встроенные стили в заголовке <в блоке стиля документа (до затрагиваемого элемента) <встроенный стиль (<em> depriciated ) <стиль в элементе (<em> style = "" attr )

Вот почему они называются Каскадные Таблицы стилей для записи

Таким образом, связанная таблица стилей с объявлением! Важный, как вы можете видеть, не так уж важна для всех!

Firebug использует пользовательские объявления «на лету» с! Важно для многих своих инструментов (таких как подсветка divs / links / etc.)

Попробуйте просмотреть без Firebug. Если это изменяет это, его firebug, преобразовывающий это