84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
如何纯用css去实现下面这个效果：
一级导航的第一个导航的二级导航默认是显示的（其他导航项目的二级导航是隐藏的display：none；），当鼠标移到一级导航的其他导航项目时，默认显示的第一个二级导航隐藏，与此同时，鼠标移入的导航项的二级导航显示，这时再移开鼠标时，回到默认状态（即显示第一个导航的二级导航）
和QQ音乐导航的效果差不多求解ㅜ.ㅜ
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...
大概是这样
HTML:
CSS：
.nav li:first-child .subnav{ display: block; } .nav:hover li:first-child .subnav{ display: none; } .nav:hover li:hover .subnav{ display: block; }
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
大概是这样
HTML:
...
...
...
CSS：
.nav li:first-child .subnav{ display: block; } .nav:hover li:first-child .subnav{ display: none; } .nav:hover li:hover .subnav{ display: block; }