悬停选择器上的 CSS 菜单

Question

我很亲近。我怎样才能在我的 上有 MENU 1。 fiddle显示为默认菜单选项，然后在 MENU 2 悬停时更改？

提前致谢。继续编码! :)

Answer 1

要根据您的响应完全远离 jquery 进行编辑，请执行以下操作:

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

2. 添加以下CSS部分

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

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