Problema con herencia.

[alvaro_trewhela]

Hola todos, una consulta, tengo esto:

Código HTML:

<div id="cont1">
    <div id="img1"><img src="img" /></div>
    <div id="img2"><img src="img" /></div>
</div>
 

Y tengo este css

Código CSS:

#cont1 #img1,#img2{
width:100px;
height:100px;
}
 
#cont1 #img1,#img2 img{
width:inherit;
height:inherit;
}
 

Pero solo me esta heredando la segunda, que puede ser, estoy haciendo algo mal?


Saludos

[Rafael]

No entiendo bien, pero ¿No te falta una coma entre img2 e img?

En general no sé que estás anidando y que va directo. Estás usando las comas un poco extrañamente.

Cuando utilizas un ID no necesitas anidar selectores. Un id es único en tooooooda la página, por lo que anidarlos sale sobrando.

[Triby]

Supongo que bastaría con #img1 img, #img2 img, a mí me parece que sobra en ambas #cont1.

Y solo te heredaba en la segunda porque en la primera no especificaste img.

Código CSS:

#cont1 #img1 img, #cont1 #img2 img{
    width:inherit;
    height:inherit;
}