Закрытие закрытого окна при попытке открыть детей

Question

Моя проблема довольно странная, но я попытаюсь объяснить как можно яснее. Итак, я сделал интернет-магазин с основной «меню» на домашней странице.

Это своеобразное «выпадающее меню», потому что, когда вы наводите указатель на подкатегорию, он показывает под-подкатегории и так далее.

Однако проблема заключается в том, что при наведении курсора на подкатегории, и он показывает суб-суб-категории, он закрывается, как только я пытаюсь щелкнуть по категории. Можно ли открыть его, пока моя мышь находится в элементе «li» категории? Некоторые фрагменты кода:

Так что я ул -> Ли -> а в каждом из подменю

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

      ... 
      visibility: visible; 
      ... 
} 

Так что это делает подменю видимым, когда я зависать «а» элемент. И я хочу, чтобы он продолжал открываться, пока моя мышь находится внутри «li», где данный «a» есть.
Надеюсь, вы поняли мою проблему, и спасибо заранее.

Answer 1

У вас есть элемент наведения на теге a вместо li.

Вам необходимо сменить + на >, чтобы настроить таргетинг на внутренний список.

Изменение: .box .box-content .box-category .nav_sub_submenu ul li a:hover + .nav_submenu_test

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