悬停选择器上的 CSS 菜单

Question

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

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

Answer 1

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

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

2. 添加以下 css 部分

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

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