Foros del Web » Creando para Internet » CSS »

Que es !important

Estas en el tema de Que es !important en el foro de CSS en Foros del Web. 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; ...
  #1 (permalink)  
Antiguo 08/11/2008, 21:33
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Que es !important

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!
  #2 (permalink)  
Antiguo 08/11/2008, 21:39
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: Que es !important

Puedes buscar en Google sobre important CSS.

Aquí un artículo que lo explica:
http://511.dabomb.com.ar/2006/02/css...rnet-explorer/
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 08/11/2008, 21:47
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Que es !important

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...!!!!
  #4 (permalink)  
Antiguo 09/11/2008, 12:01
 
Fecha de Ingreso: febrero-2006
Mensajes: 858
Antigüedad: 11 años, 10 meses
Puntos: 4
Respuesta: Que es !important

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

saludos =)
__________________
*La amistad se multiplica cuando se divide*
  #5 (permalink)  
Antiguo 09/11/2008, 12:08
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Que es !important

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.
__________________
Visita mi nueva web idplus.org
  #6 (permalink)  
Antiguo 09/11/2008, 16:55
 
Fecha de Ingreso: febrero-2006
Mensajes: 858
Antigüedad: 11 años, 10 meses
Puntos: 4
Respuesta: Que es !important

Cita:
Iniciado por Mikmoro Ver Mensaje
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 ;)
__________________
*La amistad se multiplica cuando se divide*
  #7 (permalink)  
Antiguo 09/11/2008, 17:42
Avatar de Null_  
Fecha de Ingreso: octubre-2008
Ubicación: Santiago
Mensajes: 530
Antigüedad: 9 años, 1 mes
Puntos: 30
Respuesta: Que es !important

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

no sería innecesario escribir 2 margin-left en un elemento???
  #8 (permalink)  
Antiguo 09/11/2008, 17:47
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Que es !important

Creo que te has saltado la lectura de un mensaje

#5
__________________
Visita mi nueva web idplus.org
  #9 (permalink)  
Antiguo 09/11/2008, 17:48
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: Que es !important

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 .
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #10 (permalink)  
Antiguo 09/11/2008, 17:51
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Que es !important

Cita:
Iniciado por David el Grande Ver Mensaje
EDITO: Hace rato que no chocaba contigo .
Es que si no respetamos los semáforos...
__________________
Visita mi nueva web idplus.org
  #11 (permalink)  
Antiguo 10/11/2008, 08:26
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Que es !important

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!
  #12 (permalink)  
Antiguo 10/11/2008, 09:28
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Que es !important

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!!
  #13 (permalink)  
Antiguo 10/11/2008, 12:00
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: Que es !important

Cita:
Iniciado por CaLiZzZ Ver Mensaje
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.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #14 (permalink)  
Antiguo 10/11/2008, 13:00
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Que es !important

Cita:
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
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #15 (permalink)  
Antiguo 10/11/2008, 19:33
 
Fecha de Ingreso: febrero-2008
Mensajes: 578
Antigüedad: 9 años, 9 meses
Puntos: 3
Respuesta: Que es !important

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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:20.