css 实现 ul li 的显示与隐藏

本文从CSS角度来实现导航栏的显示与隐藏,用到了ul、li标签

html源代码:

 

css文件:

有点小感悟:总是先设置默认情况:默认不显示或者默认黑色,然后再设置hover时的具体情况

li颜色变化比较简单:设置个全局颜色(默认颜色),然后li:hover设置hover时的颜色;

li 显示比较复杂,因为涉及到自菜单显示情况:总是先设置下属所有子菜单全显示,然后设置间接子菜单不显示(存在间接子菜单的情况)。

 

posted @ 2016-05-04 20:41  窗外是绿色的  阅读(12338)  评论(0编辑  收藏  举报