CSS e ripetizione immagine

[Yuppies]

CSS
#A #B .img {background-image: url(/img/pu.png);}

HTML

<div id="A">
<div id="B">
<div class="img"></div>
<div class="D">Prezzo Unitario</div>
</div>
<div id="C">
<div class="img"></div>
<div class="D">Prezzo Totale</div>
</div>
<div id="D">
<div class="img"></div>
<div class="D">Prezzo Totale</div>
</div>
</div>

ciao a tutti,
ho scritto questo codice volevo chiedere se esiste una regola CSS per la ripetere la stessa immagine in tutti i div con class="img"

Scrivendo quel codice css, riesco a ripetere l'immagine fino al primo div.

Ho provato con
#A #B #C #D .img {background-image: url(/img/pu.png);}

ma a me così non funziona mi date una mano?

[Prill]

Andrebbero scritti in questa maniera

#A .img, #B .img, #C .img, #D .img {background-image: url(/img/pu.png);}

ma meglio sarebbe assegnare alla classe un nome diverso (non .img) e poi in fondo non ci sarebbe neanche bisogno di usare i selettori discendenti in quanto potresti avere direttamente nel css

 .nomeClasse {background-image: url(/img/pu.png);}