单击子li时，CSS焦点下拉菜单消失

我的下拉菜单有问题。当我尝试单击子菜单中的一个链接时，父菜单失去焦点，因此菜单消失，无法跟随子菜单中的链接。我已经搜索了这个论坛和谷歌，虽然有很多类似的问题，但我找不到任何解决我特定问题的方法。我将非常感谢在这方面的任何帮助。该网站已关闭，子菜单位于“类别”按钮下。

不要使用焦点。还有其他方法，例如，可以使用：target或：hover打开子菜单。使用target时，必须向子菜单添加id。 目标：

---

另一种方法是使用Javascript。

我通过在子菜单悬停状态中添加一些CSS解决了这个问题。Im使用“最大高度”属性隐藏/显示子菜单，并通过写入以下内容修复了问题：

.sub-menu:hover {
   max-height:100%
}

---

就这么简单！每当鼠标悬停在任何子菜单项上时，菜单必须保持可见，以便有足够的时间单击所附链接。不确定这是否是解决问题的“正确”方法，但它工作起来很有魅力。

不要显示子菜单“无”。。而是用不透明来隐藏它

你有点击事件的javascript功能吗？我没有。。。我想保持它纯粹的CSS，我相信这是可能的…我也尝试过悬停，但同样的问题出现了。一旦鼠标离开父项，菜单就会消失……您对目标解决方案有何看法？

.sub-menu:hover {
   max-height:100%
}