Destachar propiedades tachadas en Firebug

[ylodis]

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 ?

[ArturoGallegos]

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.

[ylodis]

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;?

[pzin]

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.

[ylodis]

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;

?

[pzin]

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.

[ylodis]

Y ¿Hay forma de "imponer" una propiedad a toda costa ?

[ArturoGallegos]

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.