首页 > Web开发 > 详细

css 实现 ul li 的显示与隐藏

时间:2016-05-04 22:28:52      阅读:381      评论:0      收藏:0      [点我收藏+]

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

html源代码:

技术分享

 

css文件:

技术分享

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

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

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

 

css 实现 ul li 的显示与隐藏

原文:http://www.cnblogs.com/maxiaoshuai/p/5459712.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!