wuli 焦焦跟小张今天教育了我
好久没有写技术推文了
2333
我肾虚呐～
今天要教一个导航目录
因为其实一般导航会有二级目录，二级目录的展开或者隐藏需要用到鼠标点击事件的监听，所以一般我们会用js写，今天，要教完全用css3 的某个属性写一个可以隐藏二级目录的方法。先上效果图(本来我今想直接录视频的，给我点建议呗，你们喜欢图文类的还是视频类的)
从html代码来看，是不是很简单。
需要用到的属性就是 css3 的 input :checked
里面ul 和li 的css就不说了
首先需要把input隐藏并且覆盖整个li，不然无法触发checked 属性
li 下面的ul也必须隐藏掉
上面的几个属性你们懂么？嗯，不懂自己查啊，简单的。
然后要给input 写上checked属性
可以给隐藏显示写一个动画 也可以不写
写的话可以这样写，不过得是谷歌内核的浏览器
余下的就是用我们常见的:hover 鼠标悬停变换颜色
跟着姐姐学前端，月薪上万不是梦呢。不过首先你得先关注我，并转发呢，这样我们的友谊才能天长地久。
说正经的，如果我们还在写html css js或者是jQuery这种三合一的又大又长的项目，css能做到的就不要用js写了，好么 ～
ps：早睡早起，常做运动，多与异性交朋友。
