CSS 悬停选择器上的菜单

Question

我很亲近。如何让 .fiddle 上的菜单 1 显示为默认菜单选项，然后在悬停菜单 2 时更改？

提前谢谢你。继续编码！ :)

Answer 1

要根据您的回复完全远离 jquery 进行编辑，请执行以下操作：

1. 将 #submenu1 从 display:none; 更改为 display: block;
   这将默认显示您的第一个菜单。

2. 添加以下css部分

   #a2:hover ~ #submenu1 { display: none; }

当您将鼠标悬停在 a2 元素上时，~ 字符会选择 #submenu1。然后将其更改为 display:none;。由于您已经有代码将 submenu2 设置为在您将鼠标悬停在 a2 上时显示，所有这一切只是隐藏 submenu1 元素。