Question

div+css代码

.menu ul,
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
代码要怎么理解？
.menu :hover ul :hover ul :hover ul :hover ul ul 这里面不是 四个伪类吗 图中不是 有六个伪类 为什么不写.menu :hover ul :hover ul :hover ul :hover ul :hover ul hover ul ul

Answer 1

.menu :hover ul :hover ul :hover ul :hover ul ul 是不是该这么写：

.menu:hover  ul:hover  ul:hover  ul:hover  ul  ul   ？

如果是，那意思就是：

.menu:hover  ul:hover  ul:hover  ul:hover  ul  ul

.menu:hover    当鼠标移动到类menu上时；

.menu:hover  ul:hover   当鼠标移动到类menu上，同时再移动到其后代ul上时；

.menu:hover  ul:hover  ul:hover  当鼠标移动到类menu上，同时再移动到其后代ul上，同时再移动到其后代ul上时；

.menu:hover  ul:hover  ul:hover  ul:hover  当鼠标移动到类menu上，同时再移动到其后代ul上，同时再移动到其后代ul上，同时再移动到其后代ul上时；

.menu:hover  ul:hover  ul:hover  ul:hover  ul  ul  当鼠标移动到类menu上，同时再移动到其后代ul上，同时再移动到其后代ul上，同时再移动到其后代ul上时,其后代ul的后代ul。

选择器选择范围如下：

追问

路径 一定 要 这要 没有 别 的路径吗 ？

追答

你是不是用什么工具来做网页的？原来这么写选择器是为了达到一定的目的。
但是建立那么多级菜单，本身就是一个不必要的事情，只是好玩。

追问

本人初学者 这个 是做 下拉 菜单 ？

追答

个人的看法，做这么复杂的菜单，实在没有必要，做网页是为了使浏览网页的人用起来方便舒适。这么多级的菜单不但麻烦，也让浏览的人麻烦，不做也罢。

你去看看IBM和苹果和google的网页，把菜单简单到一行。别人那么巨大功能的公司都能把公司职能简短到一行菜单，难不成我们做的一个网站比他们还厉害？

网站的展现方式是由你提供的内容驱动，你的内容是为了服务浏览网页的人，所以能简单就最简单。那么复杂的菜单技术只能学来忽悠一下人。

追问

好吧 谢谢你

Answer 2

.menu :hover ul :hover ul :hover ul :hover ul ul
这个应该这么理解
.menu类hover后的ul，ul再hover，然后以此类推····我觉得这个选择写得很乱···比较蛋疼···空格是层级关系，前一个是后一个的父级 .menu ul就是menu下的ul···

Answer 3

.menu ul 表示 ID为menu的对象中的ul
:hover 表示鼠标放上去的时候 引用什么样式

后面这些都是css样式：
position:absolute;
left:-9999px;
top:-9999px;
width:0;
height:0;
margin:0;
padding:0;
list-style:none;

参考资料：
http://www.w3school.com.cn/css/css_intro.asp

追问

.menu :hover ul :hover ul :hover ul :hover ul ul 这里面不是 四个伪类吗 图中不是 有六个伪类 为什么不写.menu :hover ul :hover ul :hover ul :hover ul :hover ul hover ul ul

不是啊 干嘛 不写 六个伪类 就写了 四个 伪类 ？

追答

看层次关系并不是说 你的菜单里面有几个选项，这不一样的。

追问

到底是什么层次 ？