Foros del Web » Creando para Internet » CSS »

Destachar propiedades tachadas en Firebug

Estas en el tema de Destachar propiedades tachadas en Firebug en el foro de CSS en Foros del Web. Hola, Estoy aprendiendo a depurar CSS con Firebug y me encuantro con que al inspeccionar una imagen sujeta a una clase, en el panel HTML/Estilo, ...
  #1 (permalink)  
Antiguo 23/11/2012, 14:03
 
Fecha de Ingreso: septiembre-2004
Ubicación: Andorra
Mensajes: 130
Antigüedad: 18 años, 5 meses
Puntos: 0
Destachar propiedades tachadas en Firebug

Hola,

Estoy aprendiendo a depurar CSS con Firebug y me encuantro con que al inspeccionar una imagen sujeta a una clase, en el panel HTML/Estilo, las propiedades

Código:
border 0 none;
margin 0;
aparecen tachadas, lo cual indica que arrastran propiedades definidas antes supongo que por herencia o cascada, paro tenia entendido que margin 0 anularía cualquier definición de margenes y está claro que no es así.

¿ Cómo puedo inicialzar una clase de forma que sólo tenga las propiedades que yo quiera ?
  #2 (permalink)  
Antiguo 23/11/2012, 16:46
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 15 años
Puntos: 1146
Respuesta: Destachar propiedades tachadas en Firebug

CSS también respeta las jerarquías, es decir que aunque declares margin:0 si en colocas después otra clase que afecta al mismo elemento con otro margen este ultimo prevalecerá.

si te es necesario puedes forzar con margin:0!important; con lo cual le forzaras a tomar este valor en lugar de cualquier otro que pudieses poner.... claro si pones otra vez margin:0!important en otro lado seguirá respetando las jerarquías y toma la ultima regla.
  #3 (permalink)  
Antiguo 24/11/2012, 06:57
 
Fecha de Ingreso: septiembre-2004
Ubicación: Andorra
Mensajes: 130
Antigüedad: 18 años, 5 meses
Puntos: 0
Respuesta: Destachar propiedades tachadas en Firebug

Gracias, entiendo que la forma de destachar es poniendo margin:0!important;
pero no me queda muy claro eso de la jerarquía ¿Qué ocurre si después vuelvo a poner margin:0!important; ? y ¿si después pongo margin:10px!important;?
  #4 (permalink)  
Antiguo 24/11/2012, 07:04
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.487
Antigüedad: 20 años, 6 meses
Puntos: 2114
Respuesta: Destachar propiedades tachadas en Firebug

La que se aplica es siempre la última regla. A menos que uses !important. Si hay dos o más reglas con !important, se aplica siempre la última que lo lleve.

De ahí el nombre, de arriba hacia abajo, del principio al final; en cascada.
  #5 (permalink)  
Antiguo 24/11/2012, 07:47
 
Fecha de Ingreso: septiembre-2004
Ubicación: Andorra
Mensajes: 130
Antigüedad: 18 años, 5 meses
Puntos: 0
Respuesta: Destachar propiedades tachadas en Firebug

Ok, !important anula cualquier definición anterior que arrastre, pero ¿ cómo es posible que en el Firebug, para una clase que define una lista <ul> me encuentre tachado :

color:#FFFFFF !important;

?
  #6 (permalink)  
Antiguo 24/11/2012, 08:05
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.487
Antigüedad: 20 años, 6 meses
Puntos: 2114
Respuesta: Destachar propiedades tachadas en Firebug

Puede haber otro !important pululando por ahí, o que venga de javascript o cualquier cosa. !important no significa !atodacosta... Simplemente anula un estilo posterior que no tenga ese valor.
  #7 (permalink)  
Antiguo 24/11/2012, 14:14
 
Fecha de Ingreso: septiembre-2004
Ubicación: Andorra
Mensajes: 130
Antigüedad: 18 años, 5 meses
Puntos: 0
Respuesta: Destachar propiedades tachadas en Firebug

Y ¿Hay forma de "imponer" una propiedad a toda costa ?
  #8 (permalink)  
Antiguo 24/11/2012, 14:40
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 15 años
Puntos: 1146
Respuesta: Destachar propiedades tachadas en Firebug

no existe otra forma mas allá de aplicar !important y respetar la jerarquía en todo caso tu eres quien debe mejorar al escribir tu código CSS para evitar/prevenir este tipo de problemas.

Etiquetas: firebug, html, propiedades
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 01:47.