突出显示父导航元素

Question

我希望在激活子菜单项(测试2)时突出显示父导航菜单(Test1)：

​

使用下面的代码，我能够修改指针，但前提是我将鼠标悬停在上面。

.elementor-widget-nav-menu .elementor-nav-menu--main .current-menu-parent:not(.e--pointer-framed)  
.elementor-item:after  
{background-color: yellow !important;}

即使我将鼠标从导航菜单上移开，我也必须更改什么才能保持黄色下划线？

问候

Answer 1

我找到了一个解决方案：

body[data-elementor-device-mode=desktop] header.sticky-header .elementor-widget-nav- 
menu .elementor-nav-menu--main .current-menu-parent:not(.e--pointer-framed) 

.elementor-item.has-submenu:not(:hover):not(:focus):not(.elementor-item- 
active):not(.highlighted)::before,


.elementor-widget-nav-menu .elementor-nav-menu--main .current-menu-parent:not(.e-- 
pointer-framed) 


.elementor-item.has-submenu:not(:hover):not(:focus):not(.elementor-item- 
active):not(.highlighted)::after 
{ 
opacity: 1;
}