當子菜單鏈接處於活動狀態時，突出顯示Wordpress父菜單項

Question

我在Wordpress中有一個簡單的菜單。

當選擇子菜單項時，我需要突出顯示ACTIVE PARENT MENU ITEM。

的問題是，每當我這樣做，通過當前頁的父/當前頁的始祖 - 下拉列表中所有菜單項都應用了和父激活樣式。

任何想法，我可以做到這一點，而無需觸摸子菜單項目樣式？

<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> 

Answer 1

WordPress自動添加一些類到當前項目的祖先，您可以用來突出顯示父項目。您可以在代碼中看到WordPress如何添加類current-page-ancestor和current-menu-ancestor。

我建議你使用.current菜單 - 祖先，因爲它會與所有對象類型的工作。