サブページの子にあるときにトップメニュー項目をハイライトする方法は？

Question

私はレベル3の子ページにあるときにハイライトされたままにするためにトップメニューアイテムを取得しようとしていますが、現在のページの祖先クラスを使用すると1つのレベルが強調表示されます。私は（すべてのメニュー両親強調表示）が起こるしたい何

（下記参照）

：

- Home 
- **Photos** 
    - **Album1** 
     - **Gallery1** (Current Page) 
    - Album2 

私は現在、（一つだけのレベルアップの親がハイライトされている）持っていますか：

- Home 
- Photos 
    - **Album1** 
     - **Gallery1** (Current Page) 
    - Album2 

「ギャラリー1ページ」のHTML：

<ul id="menu-menu-english" class="nav"> 
    <li id="menu-item-224" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-224">Home</li> 
    <li id="menu-item-158" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor menu-item-has-children menu-item-158 dropdown"><a title="Research" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true">Research /a> 
    <ul role="menu" class=" dropdown-menu"> 
     <li id="menu-item-384" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor menu-item-384">Pre – 1975</li> 
     <li id="menu-item-383" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-383">1975-1990</a></li> 
    </ul> 
    </li> 
</ul> 

CSS：

.current-page-ancestor { 
    background-color:red; 

}

Answer 1

あなたのコードがクリアされません。 parentに既に背景スタイルが設定されているために機能しない可能性があります。以前のスタイルを無効にするには、!importantを追加してください。

.current-page-ancestor { 
     background-color:red !important; 
}