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