如何在img标签上访问CSS

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