Question

html 二级菜单怎么让鼠标移动到二级，三级。。。的时候，一级样式不改变。当移出的时候改变。





Answer 1

方法一：可以使用包含关系，就像楼上所说，1级菜单包含2级，2级包含3级，这样可以使用:hover来定义1级菜单。
方法二：可以定义相对应的ID，比如一级：id=‘menu_1'，二级：id=’menu_2'之类的，前面一致，然后使用JS自己拼接一级的ID，来对DOM对象做处理。

只是一些思路，可能已经有脚本可以完成。

追问

是包含嵌套的呀。

追答

zhaizhengcheng已经回答你的嵌套的问题了，我就不多说了。
嵌套后也可以用JS写。

Answer 2

把dom结构改一下，让3级处于2级里面，让2级处于1级里面，然后通过js查找dom父子级关系来实现。js实现方法跟你现在的2级-3级是一样的。

追问

我是嵌套的呀。

追答

你只是二三级嵌套了，二三级没有嵌套到一级里面。可以参考这个效果实现方法：http://www.16sucai.com/uploadfile/show6/jquerynav007/

Answer 3

用js判断吧，当鼠标还在包含范围内就显示样式，移走之后则移除对应样式