Hola,

si puedes evitar !important mejor, porque trae más problemas de los que 
resuelve. A mi parece, sin haberlo probado, que la solución más sencilla 
debería ser #content img.ilurebe {background:#fff; border:none;}

Saludos

Rafael G. Lepper
Front End Web Developer
http://www.thehandcoder.com
@rglepper

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

> 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

_______________________________________________
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