Question

用css做了三级菜单。a:hover 可以控制鼠标所到处的颜色。但是？

但是如果移到三级菜单，要把二级和一级菜单都改颜色怎么做？谢谢。

Answer 1

<style type="text/css">
<!--
li {
display: block;
padding: 0;
margin: 1px 0 0;
list-style: none;
width:150px;
text-align:center;
background-color:#FFCC33;
}
li a:link,li a:visited{
display:block;
color:#000000;
padding:2px 5px;
height:1%;
}
li a:hover{
font-weight:bold;
}
li ul{
position:absolute;
visibility:hidden;
left:100px;
top:0px;
}
li li {
background-color:#FF6600;
}
li li ul{
position:absolute;
visibility:hidden;
}
li li li {
background-color:#3399FF;
}
li:hover ul{
visibility:visible;
}
li:hover ul ul{
visibility:hidden;
}
li:hover{
background-color:#666666;
position:relative;
}
li li:hover ul{
visibility:visible;
}
-->
</style>

<ul>
<li><a href="">menu item</a></li>
<li><a href="">menu item</a></li>
<li><a href="">menu item</a>
<ul>
<li><a href="">1stsubmenu item</a></li>
<li><a href="">1stsubmenu item</a></li>
<li><a href="">1stsubmenu item</a>
<ul>
<li><a href="">2ndsubmenu item</a></li>
<li><a href="">2ndsubmenu item</a></li>
<li><a href="">2ndsubmenu item</a></li>
<li><a href="">2ndsubmenu item</a></li>
<li><a href="">2ndsubmenu item</a></li>
</ul>
</li>
<li><a href="">1stsubmenu item</a></li>
<li><a href="">1stsubmenu item</a></li>
</ul>
</li>
<li><a href="">menu item</a></li>
<li><a href="">menu item</a></li>
</ul>

是不是这种效果？不过这个只能在ie7和firefox下面才可以，要在ie6下面使用的话，还得进一步改进