onclick后CSS隐藏菜单面板中的悬停菜单实现

Question

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

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

Answer 1

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

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

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