css sorunum

Tema kodluyorum navbar bölumünde ul li a içindebir arkaplanım var navbar bitmeden başka bir ul li elemanlarım var ve ilk ul li lerdeki arkaplan özelliğim burdada devam ediyor nasıl iptal ederim ikinci kısma bakground none veriyorum çalışmıyor.ne yapmalıyım?

tema kodlarını paylaşır mısın ?

Pseudo elementlerini kullanabilirsiniz. Örnek olarak ;

nav ul:first-child li a şeklinde.

Ya da ilk ul elementine bir class atarsınız

şeklinde, daha sonra bu class ı kullanarak css yazarsınız.

nav ul.birinci li a şeklinde.

html,body{
margin: 0px;
padding: 0px;
font-family: verdana;
font-size: 14px;

}
a{ text-decoration: none;}
ul{list-style: none;}

.content{ width: 960px; margin: 0px auto;}
#header{ background: url("../images/bg-body.gif") repeat-x center top;}
#navbar ul{ margin: 0px; padding: 0px; overflow: hidden;}
#navbar li{ float: left; width: 160px; height: 50px; line-height: 50px;}
#navbar a{
background: url("../images/sprite-buttons.jpg") no-repeat;
text-align: center;
text-transform: capitalize;
color: #5b5c5e;
display: block;
}
#navbar li a:hover{ color: #aa6581;}
#navbar li.selected a{ background: url("../images/selected.jpg") no-repeat;}

.aside{
background: #aa6581;

height: 360px;
padding: 10px;
width: 940px;




}

.aside ul{
float: left;
width: 230px;
padding: 0px;
margin: 0px;
overflow: hidden;

}
.aside ul li{
background: none;
float: none;
height: 38px;
line-height: 38px;
padding: 0px;
margin: 0px;

}
.aside ul li a{
background: url("../images/selected.jpg") no-repeat;
color: #f5ffff;
display: block;
height: 38px;
line-height: 38px;
font-size: 12px;
font-weight: bold;
padding: 1px 0 1px;
text-align: center;
//text-shadow: 1px 1px 0 #ad657d, -1px -1px 0 #ad657d, -1px 1px 0 #ad657d, 1px -1px 0 #ad657d;
text-transform: lowercase;
} nasıl çözerim

Anlattım ama?