2011-05-25 13 views
7

Recientemente me encontré con algo extraño en IE.IE ignora! Etiqueta importante en css

no tiene en cuenta una etiqueta '! Importante' para los atributos de CSS.

¿Alguien tiene una solución para esto, excepto ponerla directamente como un atributo de estilo dentro del DOM?

yo no quiero entrar en el DOM y poner atributos de estilo en ella.

+0

es! Importante no! Iportant, tal vez su error tipográfico han hecho en el script –

+10

IE apoya '! Important'. Tendrá que ser más específico sobre cómo reproducir el problema. (Como regla general, si está usando '! Important', entonces ha hecho algo incorrecto. Conseguir que la especificidad de sus reglas sea correcta suele ser el enfoque correcto para cualquier problema que'! Important' parezca la respuesta a) – Quentin

+0

! reglas importantes son más o menos hacks en realidad, intente evitarlos, pruebe los comentarios condicionales en su lugar –

Respuesta

3

He encontrado que la etiqueta !important no funcionará en un estilo si se ha utilizado anteriormente en el estilo que está intentando sobrescribir/actualizar.

Por ejemplo, si usted tiene:

.example{ 
color:#ff0000 !important; 
} 

y, digamos por ejemplo, si el uso de Media Queries y decirle al estilo a cambios con el navegador que se reduzca de tamaño:

.example{ 
color:#fff !important; 
} 

El El colr secundario #fff no se verá afectado debido a !important asignado al color #ff0000.

Sólo una observación/pensamiento.

Es bastante difícil de adivinar lo que está causando el problema. Para que los usuarios de SO realmente lo ayuden, tendrá que suministrar un enlace en vivo, código de muestra en jsfiddle.net o publicar su HTML y CSS en la pregunta.

Cuestiones relacionadas