Css 当子菜单链接激活时，突出显示Wordpress父菜单项

我在Wordpress中有一个简单的菜单

选择子菜单项时，我需要突出显示活动的父菜单项

问题是，每当我通过当前页面父项/当前页面父项执行此操作时，下拉列表中的所有菜单项都会应用活动样式以及父项

你知道我如何在不接触子菜单项样式的情况下做到这一点吗

<ul id="menu-main" class="nav navbar-nav navbar-right">
  <li id="menu-item-249" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-249 dropdown"><a href="#">Parent Menu Item</a>
    <ul role="menu" class=" dropdown-menu">
      <li id="menu-item-251" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-251"><a href="#">Sub-menu Item</a></li>
    </ul>
  </li>
</ul>

WordPress会自动向当前项的祖先添加一些类，您可以使用这些类突出显示父项。您可以在代码中看到WordPress如何添加类

当前页面祖先

和

当前菜单祖先

---

我建议您使用.current菜单，因为它可以处理所有对象类型。

Perfect。谢谢当前页面祖先，.当前菜单祖先{背景色：#f9f9f9；}我想在单击子菜单项时突出显示主菜单项。。请建议