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

问题描述：

求教css代码 #nav ul li:hover a,#nav li:hover li a
/* sub levels link hover */
#nav ul li:hover a,#nav li:hover li a {
\x09background:none;
\x09border:none;
\x09color:#666;
\x09-webkit-box-shadow:none;
\x09-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菜单样式,应该怎么改?

答

#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的ali:hover li a只代表li中li的里所有的ali:hover a 是不是也包括li中li下面的所有li？前面的#nav ul li: 和 #nav li:是不是一个意思？li:hover a包括li下任何的a 比如

下的a或

#nav ul li: 和 #nav li:这不是一个意思如果写成

#nav ul li:将不起作用

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

相关推荐