Question

Within my code I have list items like this;

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

Within the CSS I have styling like this;

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

However, I want to have a different background image for each list item and I’m having trouble targeting each one specifically. This snippet of code doesn’t work.

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

Where am I going wrong?

Answer 1

Remove the space li #home.write like this:

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