A través de la explicación de Jordi de Neurotic en Ovillo, acabo de enterarme del uso de !important en CSS y quería hacer una anotación aquí acerca de ello.
Cuando se asigna !important a un atributo, este adquiere mayor importancia que el resto (parece obvio). Se puede utilizar para solucionar facilmente el bug del "box model" de Internet Explorer.
Ejemplo:
width:179px!important;
width:198px;
padding-left:19px;
float:left;
}
Firefox entiende el !important y le asigna más importancia a este atributo que a cualquier otro atributo asignado a la misma clase, por tanto firefox se queda con que el width es 179px.
Internet Explorer no entiende el !important así que lo que hace es primero asignarle un width 179px y al leer despues una nueva re-definición del atributo width se queda con el ultimo, 198px.
Gracias Jordi.
ACTUALIZACIÓN
En la W3C se puede encontrar más información acerca de !important, en inglés.
Muy bueno, no conocía el !important... aunque como siempre IE entiende lo que quiere, y mientras la mayor parte de los usuarios lo usen...
Y el !important es aceptado por los validadores?
Buenas, soy Jordi Bufí xD
Me estaba buscando en google por si encontraba una multa que me metieron recientemente en algun BOE :P y he encontrado esta entrada :)
Por cierto, si puedes cambiar lo de Jordi Bufí Caballero por Jordi de Neurotic cuando busque mis multas (es la primera en diez años, espero que no caigan más) no me asustaré al ver tantos resultados en google ;-)
Saludos!
PD: Si que valida el !important :)
Je, je... Tranquilo, te pongo como quieras.
Gracias :)
Muy buen artículo, realmente interesante!
Diseño Web - Diseño de Paginas Web