如何在img标签上访问CSS

Question

我需要一些关于CSS的帮助。我正在尝试创建一个包含大量<ul>和<li>标签的树。问题是我有很多<li>标签与一个特定的类，并在该列表中我有一个<img>标签。

如何访问<img>标签并放置不同的背景图片？我很困惑如何与类<li>的指向我<img>标签，然后设置一个背景图像

注：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"); 
}