读书人

纯css多级菜单的解决方法

发布时间: 2014-01-22 00:03:39 作者: rapoo

纯css多级菜单的解决办法
用ul li做一个无限级下拉菜单

css写 #nav ul li ul{ display:none}
#nav ul li:hover ul{ display:bock}


这样的话鼠标悬停到一级菜单就会展开二级及它的三四五六七八九级全部子菜单
只好再写 #nav ul li:hover ul li ul{ display:none}

如果有几十级 岂不是要傻乎乎的写 #nav ul li ul li ul ... li:hover ul li ul以阻止鼠标悬停的下下级显示????

高手们如何解决这个问题呢
[解决办法]
#nav li ul{ display:none}
#nav li:hover>ul{ display:bock}

读书人网 >CSS

热点推荐