針對特定li項目

Question

在我的代碼中，我有這樣的列表項目;

<div id="content"> 
<ul class="kwicks"> 
<li id="home"><span class="header"></span> 

在CSS中我有這樣的樣式;

.kwicks li{ 
    display: block; 
    overflow: hidden; 
    padding: 0; 
    cursor: auto; 
    } 

但是，我希望爲每個列表項目設置不同的背景圖像，並且我特別針對每個列表項目設置了不同的背景圖像。這段代碼不起作用。

.kwicks li #home{ 
    background: url(../images/slider_bg2.png) no-repeat left 
    } 

我哪裏錯了？

Answer 1

刪除空格li #home .WRITE這樣的：

.kwicks li#home{ 
    background: url(../images/slider_bg2.png) no-repeat left 
    } 

Answer 2

的選擇

.kwicks li #home {} 

假設下面的標記結構：

<ul class="kwicks"> 
    <li> 
     <span id="home" class="header"></span> 
    </li> 
</ul> 

你可能想要的是：（ li和#home之間沒有空間）

.kwicks li#home {} 

甚至更​​好的（從性能上看）：

#home {} 

的ID是唯一的，所以你不需要用它指定類或元素。