晨哒网又有新东西啦！

本人在做项目时遇到了需要做导航筛选，我是后端人员，做前端模板，顿时萌萌了，这下怎么办呢。正在纠结万分时突然想起在学习PHP时有讲到css3，其中有这么一段就是css3 选择器，相信身为一名程序猿、攻城狮都知道，于是打开百度一搜，多级导航模板，才发现原来分类导航不过如此，来看看效果吧！

1、首先是css样式部分：

好啦！这就是导航多级导航代码css样式部分，是不是觉得很少呀！不多说继续；

2、HTML代码：

对就是这么几句！就可实现，欢迎各位新人下载；

3、为了能够实现鼠标移动到元素上自动选择对应的分类在后面添加了input框，是为了在后端代码中能够获取做更多的事情！不需要可以换成a标签做跳转或者其他链接即可；

现在就附上原生js代码在鼠标移到导航上点击选中分功能；代码如下：

到此，一个三级分类导航选择模板就做好了！

感谢你的阅读；同时欢迎下载与转发分享，帮助更多的朋友们，尊重他人劳动成果，转发时请注明出处或链接！

送人玫瑰，手留余香