Вообще дело не в зачем, а как.
Есть два файла:
html1:
<div class="cl1">
<!--тут что то выводится и картинки и текст-->
<div class="cl2">
<img class="cl4" />
</div>
<div class="cl3">
<img class="cl5" />
</div>
</div>
html2:
<div class="class1">
<!--тут что то выводится и картинки и текст-->
<div class="cl2">
<img class="cl4" />
</div>
<div class="cl3">
<img class="cl5" />
</div>
</div>
Отличие только в верхнем диве.
Файл со стилями один для двух html страниц.
Если делать как вы говорите:
.cl2 {стиль}
.cl2 img {стиль}
.cl3 {стиль}
.cl3 img {стиль} , то стиль картинки будет установлен для двух файлов, а нужно для каждого отдельно. Если как то идти от верхнего дива и внутрь к картинке(как то так .class1.cl2 img{vеняю свойства} или .cl1.cl2 img{vеняю свойства}), тогда в одном css я установлю разные стили для картинок. Если img.cl1 или img.class1, то стиль применится на весь контент, а так не нужно. Понимаете в чем проблема? я вообще не знаю делают так как мне надо или нет, вот спрашиваю.
