¿Cómo puedo hacer que el tamaño de una imagen dependa de su posición?

Question

Cómo haría una imagen anidada en un div para establecer su tamaño dependiendo de la clase div. haciendo una imagen más pequeña dependiendo de dónde se encuentre en la página. Por ejemplo:

<div class="a"> 
    <img src="a.jpg"> 
<div> 
<div class="b"> 
    <img src="a.jpg"> 
<div> 

me gustaría establecer la imagen anidado en "a" a tamaño 10X10 y el otro al tamaño 20X20, ¿Cómo puedo hacer esto sin la creación de diferentes clases para las imágenes?

Answer 1

en el archivo css yout añadir lo siguiente:

.a img {width: 10px; height: 10px} 
.b img {width: 20px; height: 20px} 

esto hará que cualquier imagen en "a" ser de tamaño 10X10 y cualquier imagen en la clase "B" ser de tamaño 20X20.