在网页设计中，二级菜单是非常常见的一种菜单，但是一般都是显示式的。有时候，我们希望把二级菜单做成隐藏式的，只有当用户点击相应的菜单项时才会显示出来。那么在CSS中，如何实现隐藏式二级菜单呢？
nav ul ul {
display: none; /* 隐藏二级菜单 */
}
nav ul li:hover > ul {
display: block; /* 鼠标放到一级菜单上，显示对应的二级菜单 */
}
以上就是实现隐藏式二级菜单的CSS代码。我们首先将二级菜单设置为“display: none;”，这样在页面中它就会被默认隐藏起来。接着，我们在一级菜单的“hover”状态下，将对应的二级菜单设置为“display: block;”，这样当用户把鼠标放到一级菜单上时，对应的二级菜单就会显示出来了。
需要注意的是，以上的代码只适用于二级菜单。如果你需要实现更多级的隐藏式菜单，可以将CSS代码进行递归，即在“hover”状态下，再将下一级菜单设置为“display: block;”。同时，你也可以根据自己的需求，加上一些过渡效果，使得菜单的显示和隐藏更加平滑自然。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
