突出显示父导航元素答案

【问题标题】：Highlight Parent Nav Element突出显示父导航元素
【发布时间】：2020-10-13 16:01:40
【问题描述】：

我希望在激活子菜单项（测试 2）时突出显示父导航菜单（测试 1）：

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

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

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

问候

【问题讨论】：

请在您的问题中发布您的相关 HTML，我们很乐意帮助您解决问题，但我们无法准确猜测您的文档结构。请参阅“minimal reproducible example”和“How to Ask”指南，也可以使用tour。

标签： css wordpress nav elementor

【解决方案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;
}

【讨论】：