css - 悬停选择器上的 CSS 菜单

Question

我非常接近。如何在我的.小提琴显示屏上将 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 元素。