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 [email protected]
>>> 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 [email protected]
>> 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 [email protected]
> 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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
