悬停选择器上的CSS菜单

我很接近。如何使我的

上的菜单1显示为默认菜单选项，然后在菜单2悬停时更改

---

先谢谢你。继续编码！：）

要根据您的响应完全从jquery中编辑此内容，请执行以下操作：

将

#子菜单1

从

显示更改为：无至<代码>显示：块

默认情况下，这将显示您的第一个菜单

添加以下css部分

#a2:悬停#子菜单1{
显示：无；
}

---

当您将鼠标悬停在a2元素上时，

~

字符将选择#子菜单1。然后它将其更改为显示：none；。由于您已经有代码将子菜单2设置为当您将鼠标悬停在a2上时显示，因此所做的只是隐藏子菜单1元素。

您的小提琴已经正常工作了？寻求调试帮助的问题（“此代码为什么不工作？”）必须包括所需的行为，一个特定的问题或错误，以及在问题本身中重现它所需的最短代码。Praveen Kumar，小提琴可以工作，但是我在默认情况下无法显示菜单1。将鼠标悬停在菜单2上，隐藏菜单1。谢谢Todd。我想让它只支持CSS。@Elvis我已经基于此更新了我的回复。简单多了，我也学到了一些东西！请注意：如果这对您有效，您能将其标记为已接受的答案吗？：）谢谢@Elvis！当我将鼠标悬停在菜单2上，然后将鼠标悬停在项目2上时，项目2将更改为项目1。谢谢。你能帮我完成上面的请求吗？