Question

我正在创建一个菜单，该菜单在将鼠标悬停在菜单栏中的菜单项上时处于活动状态。一切都按预期进行，但点击菜单面板中的项目时，此菜单面板未隐藏。如何在onclick事件触发后隐藏此菜单面板。

注意：我正在使用纯CSS技巧在悬停时隐藏/显示菜单面板。就像将display属性更改为none / block一样此外，没有导航到新页面/单击菜单项后页面将不会重新绘制。菜单项的目的只是将一些内容添加到现有页面如果需要任何其他信息，请告诉我

Answer 1

您可以尝试使用:active伪选择器。问题在于如何将项目与面板联系起来。

例如，如果面板位于将被单击的项目内：

#item:active #panel{
  display:none;
}