Question

求教css代码 #nav ul li:hover a, #nav li:hover li a

一个css3导航条http://www.webdesignerwall.com/demo/css3-dropdown-menu/ 中间有一段css代码如下
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
background: none;
border: none;
color: #666;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
应该是定义1,2级子菜单的样式的，#nav ul li:hover a和#nav li:hover li a 这两个到底什么意思？似乎第一个定义是2级菜单，第二个定义是1级菜单。但是如果我删除了第一个1,2两级菜单样式都消失了，删除第二个第1级菜单样式消失，2级保留。我试过把两个拆开了，分别给不同的文本颜色，第1,2级菜单都只显示第二个定义的颜色。是否中间有什么继承关系，如果我想分开定义1,2菜单样式，应该怎么改？

Answer 1

#nav LI:hover LI li A
{
color:red
}

追问

加了这段的确解决了，这段的意思我也看懂了。我想再问问，#nav ul li:hover a和#nav li:hover li a 这两个到底什么意思？我是初学者，看懂代码对我说还是挺重要的，谢谢你

追答

li:hover a代表li悬浮下所有的a也包括li中li的a
li:hover li a只代表li中li的里所有的a

追问

li:hover a 是不是也包括li中li下面的所有li？前面的#nav ul li: 和 #nav li:是不是一个意思？

追答

li:hover a包括li下任何的a 比如下的a或
#nav ul li: 和 #nav li:这不是一个意思
如果写成
#nav ul li:将不起作用