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
Prueba esto
#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;
}
El 10 de mayo de 2012 14:06, Vincent G
Te explico un poco a ver si te sirve la solución...
al poner #content > img le estás diciendo a los estilos css que la img
que sea hija de #content coja dichos estilos...
El 10 de mayo de 2012 14:11, Rafa Ferrero escribió:
> Prueba esto
>
> #content > img {
> background-color: #0C6;
> border
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 wordpre
Buenas Vicent.
Si esa imagen está cogiendo css heredado desde su contenedor, trata de ser más
específico, me explico:
Si tienes tu imagen dentro de un "cont", llama a la imagen desde más arriba, o
sea:
#contenedor
#content
img
Eso debería tener más especificidad e impe
Hola Vincent,
prueba a quitar el ";" después del #ff
background-color: #ff !important;
Un saludo
El 10 de mayo de 2012 14:06, Vincent Grönholm Olson <
vincent.kya...@gmail.com> escribió:
> Hola a todos!
> Estoy modificando una template wordpress y tengo un pequeño problema:
> Hay una
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-th
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
@
Muchas gracias a todos por las respuestas!
Nacho, tu consejo funciona perfectamente... sin el punto coma ";" el
atributo !important se aplica correctamente.
Martin; LOL. Tendría que haber buscado directamente "Specificity
hierarchy" en vez de "herencia css" ahora lo veo claro.
Rafa; Tieness toda l
Hola Vincent,
Para que herede la clase puedes especificarlo más de la siguiente manera:
#content img.ilurebe {
}
saludos! :)
El 10 de mayo de 2012 14:06, Vincent Grönholm Olson <
vincent.kya...@gmail.com> escribió:
> Hola a todos!
> Estoy modificando una template wordpress y tengo un peq
10 matches
Mail list logo