div切换的时候字怎么变色，我用a:hover a:active 点击别的地方又变回来了

#nav{ height:20px; border-bottom:2px solid #CC6699; width:840px; list-style:none;}
#nav li{ float:left;}
#nav li a{display:block; width:200px; height:20px; background:#CCFF66; font-size:12px; color:black; float:left; text-align:center; text-decoration:none; margin:0 2px; }
#nav li a:hover{ background:#CC9933; text-decoration:underline; color:white;}
#nav li a#current{ background:#000000; text-decoration:none; color:white;}

注意#current 这个属性

a:hover 鼠标指向时有效；a:active获得焦点时有效；鼠标离开或失去焦点时失效，要想保持状态，需要改变class或样式表中的属性。可以设置两个样式A、B，当前为A，hover或active后为B，这样点击别的地方就能保持了

a:link a:vistied a:hover a:active这四个是点击连接时对应的一连串效果
你想切换的话 用javascript写比较好吧 mouseover和mouseout事件