＆＃34;下拉菜单＆＃34;在试图打开孩子时关闭

Question

我的问题很奇怪，但我会尽可能清楚地解释。 所以我创建了一个网上商店，主要类别是＆＃34; menu＆＃34;在主页上。

这是一个有点＆＃34;下拉菜单＆＃34;，因为当您将鼠标悬停在子类别上时，它会显示子子类别，依此类推。

但问题是，当我将鼠标悬停在子类别上并显示子子类别时，一旦我尝试点击某个类别，它就会关闭。 我的鼠标在＆＃34; li＆＃34;是否可以保持打开状态。该类别的元素？ 一些代码片段：

所以我有ul - ＆gt; li - ＆gt; a在每个子菜单中

.box .box-content .box-category .nav_sub_submenu ul li a:hover + .nav_submenu_test {

          ...
          visibility: visible;
          ... 
}

因此，当我将鼠标悬停在＆＃34; a＆＃34;元件。我希望它能在我的鼠标进入＆＃34; li＆＃34;给定的＆＃34; a＆＃34;是。
希望你能理解我的问题，并提前感谢。

Answer 1

您在a标记上有悬停元素，而不是li。

您需要将+更改为>以定位内部列表。

变化： .box .box-content .box-category .nav_sub_submenu ul li a:hover + .nav_submenu_test

要： .box .box-content .box-category .nav_sub_submenu ul li:hover > .nav_submenu_test