Publicidad:
La Coctelera

Garbage In, Garbage Out

Diseño web, tecnología, e internet.

7 Abril 2006

CSS !important

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:

.contenedor {
   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.

servido por gigo 6 comentarios compártelo

6 comentarios · Escribe aquí tu comentario

Milton

Milton dijo

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...

7 Abril 2006 | 02:38 PM

JoRGE

JoRGE dijo

Y el !important es aceptado por los validadores?

7 Abril 2006 | 09:02 PM

Jordi Bufí

Jordi Bufí dijo

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 :)

20 Abril 2006 | 03:11 PM

gigo

gigo dijo

Je, je... Tranquilo, te pongo como quieras.

21 Abril 2006 | 08:40 PM

ana

ana dijo

Muy buen artículo, realmente interesante!

Diseño Web - Diseño de Paginas Web

4 Junio 2007 | 12:35 AM

Escribe tu comentario


Sobre mí

Avatar de gigo

Garbage In, Garbage Out

ver perfil »
contacto »
Desarrollador web con ganas de aprender y enseñar, porque aún queda mucho por aprender y por enseñar. Uso esta bitácora para hacer mis apuntes profesionales y de paso contribuir a ayudar a mis compañeros de, ésta, mi profesión. [guiño]

Sindicación

Fotos

gigo todavía no ha subido ninguna foto.

¡Anímale a hacerlo!

Buscar

suscríbete

Selecciona el agregador que utilices para suscribirte a este blog (también puedes obtener la URL de los feeds):

¿Qué es esto?

Crea tu blog gratis en La Coctelera