html - 针对特定的 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。这样写:

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