悬停选择器上的CSS菜单

Question

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

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

Answer 1

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

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

2. 添加以下css部分

     

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

当您将鼠标悬停在a2元素上时，~字符会选择#submenu1。然后它将其更改为display：none;。由于您已将代码设置为在将鼠标悬停在a2上时显示子菜单2，所以这样做会隐藏submenu1元素。