Que es !important

[Calizman]

Hace poco andava viendo el codigo de una pagina y aparecia esto:

.texto .derecha {margin-left: 16px!important;margin-left: 13px;
height: 16px;
background: url(../img/cuadro_sup.png) no-repeat top right;
}

Para que sirve lo resaltado? (!important) o donde puedo aprender mas de esto?

Gracias por sus respuestas!

[David]

Puedes buscar en Google sobre important CSS.

Aquí un artículo que lo explica:
http://511.dabomb.com.ar/2006/02/css...rnet-explorer/

[Calizman]

Ok lo revise y parece bastante peligroso... jeje... pero muy util si se aprende a usar... gracias por la info David el Grande!

Si alguien tiene mas informacion! bien recibida...!!!!

[reimonfranco]

pues simplemente que yo sepa !important es simplemente para enfatizar y decirle al navegador que esa declaracion invalide la del autor

saludos =)

[Mikmoro]

Se usa para varias cosas, pero el uso principal es para IE6. Es decir: cuando en un selector CSS hay dos propiedades iguales siempre se interpreta la última en aparece, excepto que alguna de ellas lleve el !important, que la hace prevalecer sobre el resto. Pero IE6 no entiende el !important, de manera que siempre interpreta la última.

De esta forma, si pones algo como:

.texto .derecha {margin-left: 16px!important;margin-left: 13px;

significa que todos los navegadores interpretarán un margen izquierdo de 16px, mientras que IE6 lo hará de 13px.

Es el uso más habitual.

[reimonfranco]

Iniciado por Mikmoro

Se usa para varias cosas, pero el uso principal es para IE6. Es decir: cuando en un selector CSS hay dos propiedades iguales siempre se interpreta la última en aparece, excepto que alguna de ellas lleve el !important, que la hace prevalecer sobre el resto. Pero IE6 no entiende el !important, de manera que siempre interpreta la última.

De esta forma, si pones algo como:

.texto .derecha {margin-left: 16px!important;margin-left: 13px;

significa que todos los navegadores interpretarán un margen izquierdo de 16px, mientras que IE6 lo hará de 13px.

Es el uso más habitual.

ooooh jaja ese tip ni yo me lo sabia
gracias ;)

[Null_]

.texto .derecha {margin-left: 16px!important;margin-left: 13px;}

no sería innecesario escribir 2 margin-left en un elemento???

[Mikmoro]

Creo que te has saltado la lectura de un mensaje

#5

[David]

Hola, Null_.

No, ya que como bien lo explicó Mikmoro, para IE6, el segundo margin-left será aplicado, mientras que para el resto del mundo el primero (el que tiene !important). Sirve como un "hack".

EDITO: Hace rato que no chocaba contigo .

[Mikmoro]

Iniciado por David el Grande

EDITO: Hace rato que no chocaba contigo .

Es que si no respetamos los semáforos...

[Calizman]

Bueno muchas gracias por sus aportaciones, pero al igual que Null_ aun no entiendo para que poner dos propiedades... imagino que servira para darle diferente apariencia en el IE6 o algo asi...

Muchas gracias a todos! y saludos!

[Aresillo]

Según lo que interpreto, se trata de salvar las diferencias de ie6 con el resto, por eso se pone así, para que se interprete igual en todos los navegadores..

Aresillo!!

[David]

Iniciado por CaLiZzZ

imagino que servira para darle diferente apariencia en el IE6 o algo asi...

No dar "diferente apariencia", sino como dijo Aresillo para que lo IE6 por lo menos interprete de forma parecida a como lo hace el resto de los navegadores. Quien nunca tuvo problemas con la forma en que IE6 interpreta las hojas de estilo, que levante la mano.

[Calizman]

Quien nunca tuvo problemas con la forma en que IE6 interpreta las hojas de estilo, que levante la mano.

jajajajajaja... muy buena esa... creo que nadie se atreveria a levantarla... gracias por la info! xD

[Jamati]

Existen muchas diferencias entre FF y IE 6, como ser el borde, el margen... ya que en un navegador l ocuenta como parte del ancho, en otros lo agrega.

Entonces para salvas estos pequeños pixeles que se nos crean por los distintos navegadores, es muy importante la etiqueta !important , ya que la misma no es interpretada por el IE6.