! Important Anulado

Question

Estoy usando JQuery mobile y quiero que todo el texto sea violeta en mi aplicación. Hice esto: color: #7A68AE !important; en mi sección body de mi CSS.

Luego intenté depurarlo en firebug y noté que mi !important fue anulado.

¿Cómo es esto posible? ¿No se supone que !important sobrescribe todo lo demás?

Nota ya he solucionado el problema, yo estaba muy curioso acerca de por qué no funcionó !important

Answer 1

Tome un vistazo a las especificaciones de specificity. Aunque !important debe anular, es posible que un estilo en línea pueda anular esto debido al peso que conlleva.

Sin ver un ejemplo, no puedo ser 100% positivo, sin embargo. !

Ver también !important rules

Answer 2

importante sobre qué montar nada en el misma jerarquía de nivel - pero la hoja de estilo de un usuario con una importante declaración es como inmejorable!.

la jerarquía completa es estilos hoja de estilos vinculada < Embebido en la cabeza < en bloque de estilo doc (antes de elemento afectada) < de estilo en línea (depriciated) < estilo en-elemento (style = "" attr)

es por eso que se llaman Cascading Style Sheets para el registro

Así que una hoja vinculada con un estilo! importante declaración, como se puede ver, no es todo ¡ESO! Importante después de todo.

Firebug utiliza declaraciones de usuario en la marcha con! Importante para una gran cantidad de sus herramientas (como divs Luz/enlaces/etc.)

Trate de ver sin Firebug. Si eso lo cambia, su firebug lo está transformando

Answer 3

Esto podría haber sucedido por muchas razones. Por ejemplo:

• uno su cláusula !important fue anulado por otra cláusula !important, con selector más específico (Edit: una de otras personas respondiendo a su pregunta, Brad, señaló un recurso al respecto: www.w3.org/TR/CSS2/cascade.html#specificity),
• se han utilizado algunos estilos en línea para el elemento específico,
• que utilizó JavaScript para agregar realmente algunos estilos en línea en el elemento,

dijo que ha Firebug, por lo que debe ser capaz de determinar lo que es el caso. Consulte con JS activado y desactivado, consulte los estilos aplicados para selectores específicos y vea los estilos resultantes. Sin el código no hay mucho que podamos decir al respecto.