Html - Css menü renklendirme

Merhaba arkadaşlar bir kodlamaya ihtiyacım var

<div id="menu">
<ul class="menu">
<li>
<a href="default.asp?sayfa=bayan">BAYAN</a>
<ul>

			<%	Set kategoriler = Baglanti.Execute("SELECT * FROM kategoriler where goster=1 and ek=0 ORDER BY sira  desc") 
			
			do while not kategoriler.eof  
 

kategori_isim=kategoriler("isim")
kategori_id=kategoriler("id")




	metin=kategori_isim
	
	metin=lCase(metin) 

metin = Replace(metin,".","")
metin = Replace(metin,",","")
metin = Replace(metin,"-","")
metin = Replace(metin," ","-")
metin = Replace(metin,"!","")
metin = Replace(metin,"(","")
metin = Replace(metin,")","")
metin = Replace(metin,"'","")
metin = Replace(metin,"ğ","g")
metin = Replace(metin,"G","G")
metin = Replace(metin,"i","i")
metin = Replace(metin,"I","i")
metin = Replace(metin,"İ","i")
metin = Replace(metin,"ı","i")
metin = Replace(metin,"ç","c")
metin = Replace(metin,"Ç","C")
metin = Replace(metin,"ö","o")
metin = Replace(metin,"Ö","O")
metin = Replace(metin,"ü","u")
metin = Replace(metin,"Ü","U")
metin = Replace(metin,"S","s")
metin = Replace(metin,"S","s")

metin = Replace(metin,"Ş","s")
metin = Replace(metin,"ş","s")

metin = Replace (metin ,"`","")
metin = Replace (metin ,"=","")
metin = Replace (metin ,"%","")
metin = Replace (metin ,"!","")
metin = Replace (metin ,"<","")
metin = Replace (metin ,">","")
metin = Replace (metin ,"*","")
metin = Replace (metin ,"And","")
metin = Replace (metin ,"'","")
metin = Replace (metin ,Chr(34),"")
metin = Replace (metin ,Chr(39),"")
metin = Replace (metin ,"&#39","")
metin = Replace (metin ,"#","")
metin = Replace (metin ,"&","")
metin = Replace (metin ,":","")		
metin = Replace (metin ,";","")
metin = Replace (metin ,"/","")	
metin = Replace (metin ,"?","")
	
kats_link=metin
			
			%>
					
					
				<li>	
                        
          <a title="<%=kategori_isim %>"  href="-2-<%=kategori_id %>-1-<%=kats_link %>.html" ><%=kategori_isim %></a>
        </li>
		
		
			<%
				
				kategoriler.movenext
				loop
				
				kategoriler.close: Set kategoriler= nothing
								
				
				%>
		



</ul>
</li>
<li>
<a href="default.asp?sayfa=erkek">ERKEK</a>



<ul>

			<%	Set kategoriler = Baglanti.Execute("SELECT * FROM kategoriler where goster=1 and ek=1 ORDER BY sira  desc") 
			
			do while not kategoriler.eof  
 

kategori_isim=kategoriler("isim")
kategori_id=kategoriler("id")




	metin=kategori_isim
	
	metin=lCase(metin) 

metin = Replace(metin,".","")
metin = Replace(metin,",","")
metin = Replace(metin,"-","")
metin = Replace(metin," ","-")
metin = Replace(metin,"!","")
metin = Replace(metin,"(","")
metin = Replace(metin,")","")
metin = Replace(metin,"'","")
metin = Replace(metin,"ğ","g")
metin = Replace(metin,"G","G")
metin = Replace(metin,"i","i")
metin = Replace(metin,"I","i")
metin = Replace(metin,"İ","i")
metin = Replace(metin,"ı","i")
metin = Replace(metin,"ç","c")
metin = Replace(metin,"Ç","C")
metin = Replace(metin,"ö","o")
metin = Replace(metin,"Ö","O")
metin = Replace(metin,"ü","u")
metin = Replace(metin,"Ü","U")
metin = Replace(metin,"S","s")
metin = Replace(metin,"S","s")
metin = Replace(metin,"Ş","s")
metin = Replace(metin,"ş","s")
metin = Replace (metin ,"`","")
metin = Replace (metin ,"=","")
metin = Replace (metin ,"%","")
metin = Replace (metin ,"!","")
metin = Replace (metin ,"<","")
metin = Replace (metin ,">","")
metin = Replace (metin ,"*","")
metin = Replace (metin ,"And","")
metin = Replace (metin ,"'","")
metin = Replace (metin ,Chr(34),"")
metin = Replace (metin ,Chr(39),"")
metin = Replace (metin ,"&#39","")
metin = Replace (metin ,"#","")
metin = Replace (metin ,"&","")
metin = Replace (metin ,":","")		
metin = Replace (metin ,";","")
kats_link=metin
			
			%>
					
					
				<li>	
                        
          <a title="<%=kategori_isim %>" href="-2-<%=kategori_id %>-1-<%=kats_link %>.html" ><%=kategori_isim %></a>
        </li>
		
		
			<%
				
				kategoriler.movenext
				loop
				
				kategoriler.close: Set kategoriler= nothing
								
				
				%>
		



</ul>
</li>
<li><a href="default.asp?sayfa=markalar">MARKALAR</a><ul>
<%	Set markalar = Baglanti.Execute("SELECT * FROM markalar where onay=1 ORDER BY sira  desc") 
			
			do while not markalar.eof  
 
logo=markalar("logo")
marka_isima=markalar("isim")
marka_id=markalar("id")




metin=marka_isima
	
	metin=lCase(metin) 

metin = Replace(metin,".","")
metin = Replace(metin,",","")
metin = Replace(metin,"-","")
metin = Replace(metin," ","-")
metin = Replace(metin,"!","")
metin = Replace(metin,"(","")
metin = Replace(metin,")","")
metin = Replace(metin,"'","")
metin = Replace(metin,"ğ","g")
metin = Replace(metin,"G","G")
metin = Replace(metin,"i","i")
metin = Replace(metin,"I","i")
metin = Replace(metin,"İ","i")
metin = Replace(metin,"ı","i")
metin = Replace(metin,"ç","c")
metin = Replace(metin,"Ç","C")
metin = Replace(metin,"ö","o")
metin = Replace(metin,"Ö","O")
metin = Replace(metin,"ü","u")
metin = Replace(metin,"Ü","U")
metin = Replace(metin,"S","s")
metin = Replace(metin,"S","s")

metin = Replace(metin,"Ş","s")
metin = Replace(metin,"ş","s")

metin = Replace (metin ,"`","")
metin = Replace (metin ,"=","")
metin = Replace (metin ,"%","")
metin = Replace (metin ,"!","")
metin = Replace (metin ,"<","")
metin = Replace (metin ,">","")
metin = Replace (metin ,"*","")
metin = Replace (metin ,"And","")
metin = Replace (metin ,"'","")
metin = Replace (metin ,Chr(34),"")
metin = Replace (metin ,Chr(39),"")
metin = Replace (metin ,"&#39","")
metin = Replace (metin ,"#","")
metin = Replace (metin ,"&","")
metin = Replace (metin ,":","")		
metin = Replace (metin ,";","")
metin = Replace (metin ,"/","")
metin = Replace (metin ,"?","")	
	
marka_linka=metin
			
			%><li><a href="-3-<%=marka_id %>-1-<%=marka_linka %>.html" title="<%=marka_isima %>"><%=marka_isima %></a></li><%
				
				markalar.movenext
				loop
				
				markalar.close: Set markalar= nothing
								
				
				%></ul></li>
<li>
<a href="default.asp?sayfa=yeni-sezon">YENİ SEZON</a>
</li>
<li>
<a href="default.asp?sayfa=firsat-kosesi">FIRSAT KÖŞESİ</a>
</li>
<li>
<a href="default.asp?sayfa=cok-satanlar">ÇOK SATANLAR</a>
</li>
<li>
<a href="default.asp?sayfa=indirimdekiler">İNDİRİMDEKİLER</a>
</li>
</ul>
<div class="clear"></div>
</div>
</div>

Buradaki html +asp kodları benim isteğim kategorileri farklı renklendirme yapacabileceğim bir html kategorileri manuel ekleyeceğim için asp ile ilgili bir detay yok.

#menu{width:1064px;margin:0 auto 1px;background:#272727;border-bottom:4px solid #eb7446;}

#menu ul{list-style:none;margin:0;padding:0;}

#menu>ul>li:first-child{border-left:0}

#menu>ul>li{float:left;z-index:10;position:relative;border-left:1px solid #fff}#menu>ul>li:first-child>a{margin-left:0}#menu>ul>li>a>span.sf-sub-indicator{display:none}

#menu>ul>li>a{background:#000000;display:block;z-index:1;position:relative;font-size:15px;color:#ffffff; font-weight:bold;text-decoration:none;width:200px;text-align:center;line-height:23px;padding:10px 0px;}#menu>ul>li>a:hover,#menu>ul>li.sfHover>a,#menu>ul>li.active>a{background:#535353}

#menu>ul>li ul{display:none;position:absolute;z-index:99;padding:0 0 5px 0;background:#fff;left:0px;top:48px;width:258px;margin:0!important;padding:10px 20px 10px;box-shadow:0px 5px 20px 10px rgba(0,0,0,0.2)}#menu>ul>li:hover>div{display:table;}#menu>ul>li ul+ul{padding-left:0px;min-height:162px;}#menu>ul>li ul>li>a:hover,#menu>ul>li ul>li.active>a,#menu>ul>li ul>li.sfHover>a{color:#eb7446;}#menu>ul>li>ul>li:hover,#menu>ul>li>ul>li.active{}#menu>ul>li>ul li:first-child{border-top:0px;}#menu>ul>li>ul li{position:relative;padding:3px 0px;}#menu ul li.succat-name{font:bold 27px 'Trebuchet MS';color:#282828;border-bottom:3px solid #cccccc;margin-bottom:10px;}#menu>ul>li>ul>li a span.sf-sub-indicator{display:block;float:right;width:6px;height:11px;background:url(../image/indicator.png) no-repeat left top;text-indent:-9999px;margin-top:5px}#menu>ul>li>ul>li a{color:#7a7a7a;font-size:16px;font-weight:bold;line-height:21px;text-align:left;text-decoration:none;}#menu ul>li ul ul{position:absolute;left:288px;top:-20px;padding:20px 30px}#menu ul>ul>li ul li a:hover,#menu>ul>li>ul>li a.active{color:#eb7446;}

bu kısımda css kodlaması

Şöyle özetleyeyim "erkek kategori" renk mavi yapmak istiyorum "kız kategori" sarı yapmak istiyorum divleri düzenleyemedim bir de css i

css'de erkek ve bayan için sınıf tanımlarız,
tanımladığımız sınıfları da
<li> <a href="default.asp?sayfa=erkek">ERKEK</a>
satırına ekleriz.
css sınıfı şöyle olsun:
.erk {background:#069;}
.byn {background:#ffe769;}

<li> <a href="default.asp?sayfa=erkek">ERKEK</a>
için
<li> <a href="default.asp?sayfa=erkek" class="erk">ERKEK</a>
şeklinde düzenleriz, aynısını bayan kategorisi için yaparsın.
Şayet etkisini göremezsen,
css kısmında <li> ve <a> sınıfları için yapmış olduğun background tanımlamalarını kaldırmayı, değiştirmeyi dene.
-------
bildiğim bu şekilde yapılır ama.. aklıma gelen bu işte..