首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

纯css多级菜单的解决方法

2014-01-22 
纯css多级菜单的解决办法用ul li做一个无限级下拉菜单css写 #nav ul li ul{ display:none} #nav ul li:hov

纯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}

热点排行