Как получить доступ к CSS на тег img

Question

Мне нужна помощь с CSS. Я пытаюсь создать дерево с большим количеством <ul> и <li> тегов. Проблема в том, что у меня есть много меток <li> с определенным классом, и внутри этого списка есть тег <img>.

Как я могу получить доступ к этому тегу <img> и поместить другое фоновое изображение? Я смущен, как указать мой <img> тег с классом <li>, а затем установить фоновое изображение

Примечание: CSS3 не допускается

<ul> 
    <li class="leaf"><img></li> 
    <li class="leafhidden"><img></li> 
</ul> 

Answer 1

Вы можете дифференцировать <img> теги через:

li.leaf > img { 
    background: url("/images/leaf_bg.png"); 
} 
li.leafhidden > img { 
    background: url("/images/leaf_hidden_bg.png"); 
}