纯css制作三级下拉菜单
css本身的功能就挺强大的，尤其是css3出来之后，大部分特效只用css3就能完成了，无需再费心思去想js怎么怎么做怎么怎么做，代码简洁质量轻巧。下面是本人用纯css制作的三级下拉菜单效果：
思路很简单，三级菜单直接用三层嵌套的ul布局：
除一级ul外其余ul隐藏，当鼠标划过第一层li时该li下的下一级ul（二级菜单）显示
.nav>ul>li ul{display: none;}
.nav>ul>li:hover>a+ul{/*鼠标划过一级菜单的时候二级菜单显示*/display: block;}
当鼠标划过第二层li时该li下的下一级ul（三级菜单）显示
.nav>ul>li>ul>li:hover ul{/*鼠标划过二级菜单的时候对应的三级菜单显示*/display: block;}
基本思路就是这样，如果需要更多的特效，自己额外添加样式就可以了，下面附上图片中例子的完整代码：
三级下拉菜单
