web-dev-qa-db-ja.com

現在のメニューアンカーリンクの親アンカーリンクをどのようにスタイルしますか？

私はこのコードを持っています

<div class="mainmenu">
<ul>
 <li><a href="#">Home</a></li>
 <li><a href="#">About</a></li>
 <li>
    <a href="#">Service</a>
    <ul>
     <li><a href="#">Domenstic</a></li>
     <li><a href="#">International</a></li>
    </ul>
 </li>
 <li><a href="#">Contact</a></li>
</ul>
</div>

私は現在のメニュー項目のワードプレスクラスを使用しようとしていると私は現在のメニュー項目がサブメニューである場合は、現在のメニュー項目のフォントスタイルをイタリック体にしたいフォントスタイルたとえば、上記のコードで、現在のメニュー項目がDomesticである場合、Domesticとその親サービスの両方をイタリック体にする必要があります。Domesticだけではありません。

menuscssnavigation
2
seeker

私は解決策を得たので、ここに投稿しています。 Wordpressはcurrent-menu-ancestorとcurrent_page_ancestorクラスを使います。だから我々は以下のようにそれらを使用することができます

.mainmenu .current_page_item > a,
.mainmenu .current_page_ancestor > a,
.mainmenu .current-menu-item > a,
.mainmenu .current-menu-ancestor > a {
  font-style: italic;
}
2
seeker