un poco de documentación sobre el tema con algo de humor

y una cheatsheet cachonda a la par que práctica: 
http://www.stuffandnonsense.co.uk/archives/images/specificitywars-05v2.jpg

un par de artículos (donde aparece la cheatsheet):
http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know
http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html 


El 10/05/2012, a las 14:13, Martin Etxauri escribió:

> aupa
> 
> si en los css en vez de poner .ilurebe pones #content img.ilurebe te 
> funcionará
> 
> la cuestión aquí es la especificidad y los ID la tienen muy alta y mandan 
> mucho ;)
> 
> saludos
> 
> El 10/05/2012, a las 14:06, Vincent Grönholm Olson escribió:
> 
>> Hola a todos!
>> Estoy modificando una template wordpress y tengo un pequeño problema:
>> Hay una img que hereda una regla de su div contenedor y no quiero que lo
>> haga... he leido que el atributo !important hace que una regla en concreto
>> anule la herencia venga de donde venga. Quiero cambiar el color del fondo
>> de una imagen y no logro que funcione. No se que estoy haciendo mal,
>> alguien puede echarme una mano?
>> 
>> HTML:
>> <div id="content">
>>   <img class="ilurebe" src="ilu2.png" width="115" height="295" />
>>   </div>
>> 
>> CSS:
>> 
>> #content img {
>> background-color: #0C6;
>> border-top-width: 2px;
>> border-right-width: 2px;
>> border-bottom-width: 2px;
>> border-left-width: 2px;
>> border-top-style: solid;
>> border-right-style: solid;
>> border-bottom-style: solid;
>> border-left-style: solid;
>> }
>> .ilurebe {
>> background-color: #ffffff; !important;
>> border-top-width: 0px;
>> border-right-width: 0px;
>> border-bottom-width: 0px;
>> border-left-width: 0px;
>> border-top-style: none;
>> border-right-style: none;
>> border-bottom-style: none;
>> border-left-style: none;
>> }
>> 
>> (perdón por el formateo este cutre del dreamweaver)
>> 
>> 
>> Gracias!
>> _______________________________________________
>> Lista de distribución Ovillo
>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
>> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
>> http://lists.ovillo.org/mailman/listinfo/ovillo
>> 
> 
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://lists.ovillo.org/mailman/listinfo/ovillo
> 

_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a