Newbie - Overiding Background.

Hi All,

I am attempting to override the background of a list item on my sidebar.
In my css the sidebar li is defined as:
#sidebar li li {
padding: 0;
padding-left: 15px;
background: url(images/img04.gif) no-repeat left center;
font-size: .75em;
}

I try to override the background property using:
..UserList {
padding: 0;
background: none;
padding-left: 15px;
background: none;
font-size: .75em;
}

But if I use
<li class="UserList">....</li>
It doesnt work.

Any pointers?

Regards

On Fri, 24 Aug 2007 03:42:17 +0200, Mick Walker <mick.walker (AT) privacy (DOT) net>
wrote:

Hi All,

I am attempting to override the background of a list item on my sidebar.
In my css the sidebar li is defined as:
#sidebar li li {
padding: 0;
padding-left: 15px;
background: url(images/img04.gif) no-repeat left center;
font-size: .75em;
}

I try to override the background property using:
.UserList {
padding: 0;
background: none;
padding-left: 15px;
background: none;
font-size: .75em;
}

But if I use
<li class="UserList">....</li
It doesnt work.

Any pointers?

specificity & the cascase...

#sidebar li li.Userlist{} would work

http://www.w3.org/TR/CSS21/cascade.html#specificity
--
Rik Wasmus