Question

#nav li:hover ul,#nav li.over ul{display:block;}，求讲解，

请问这里.over是类选择符吗，貌似没看到用class=over的标签啊

Answer 1

是id的名字，不是class，class的名字是用.(点)表示，而id的名字是#

Answer 2

就是动态加上的 用firebug可以看看代码

Answer 3

这个.over类应该是js动态加上的，你可以用调试工具检测一下。

追问

能不能帮我讲解一下
#nav li.over ul
代表什么

追答

<ul id="nav">
    <li class="over">
        <ul>
            <li>我是第一个</li>
        </ul>
    </li>
    <li>
        <ul>
            <li>我是第二个</li>
        </ul>
    </li>
</ul>

空格的写法表示子元素，所以#nav li.over ul：表示#nav下的   class为over的li  下的ul

那么生效的是“我是第一个”所处的UL

有可能你查看源码找不到class="over"，因为over是js动态添加的

追问

那如果找不到class="over"，#nav li.over ul表示的还是
表示#nav下的 class为over的li 下的ul，只是那个ul看不到吗？

追答

是的。给你个例子。

<script type="text/javascript" src="jquery.js"></script><!--这里引入jQuery库-->
<script type="text/javascript">
$(function(){
$("#nav > li").hover(function(){
$(this).addClass("over");
},function(){
$(this).removeClass("over");
})
})
</script>
<style type="text/css">
*{margin:0;padding:0;}
ul,li{list-style:none;}
#nav{width:800px;height:30px;background:#CCC;}
#nav li{float:left;margin:0 10px;line-height:30px;position:relative;}
#nav li ul{display:none;position:absolute;left:0;top:30px;width:200px;background:#096;}
#nav li:hover ul,#nav li.over ul{display:block;}
</style>
<ul id="nav">
<li><a href="#">第一个</a>
     <ul>
         <li>第一个子UL</li>
         <li>第一个子UL</li>
         <li>第一个子UL</li>
        </ul>
    </li>
    <li><a href="#">第二个</a>
     <ul>
         <li>第二个子UL</li>
     </ul>
    </li>
</ul>

追问

第一次提问有人愿意回答得这么详细，先感谢您
这三个部分（一个文本代码，两张图）是不是指第二图这个地方，只写成第一部分代码的样子（即）就己经可以达到的作用，因为它用js动态加上了
如果想做导航的第三级，第三级碰到才出现的效果代码则要怎么写？

追答

继续做就更复杂了，就不写例子了。你参考上面方法研究吧。或者去看看别人的多级菜单怎么写的

追问

我只找到第二级的代码  而且不懂JS所以一直没研究出来，其实前面问了那么多也是为解决这个问题，还要再另外写JS吗？能不能最后再帮一把，感激不尽