web-dev-qa-db-fra.com

Comment styler le lien d'ancrage parent du lien d'ancrage de menu actuel?

J'ai ce code

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

J'essaie d'utiliser .current-menu-item wordpress class et je veux que le style de police de .current-menu-item soit en italique et si l'élément de menu actuel est un sous-menu, je veux que les balises du sous-menu et du menu parent soient en italique. le style de police. Par exemple, dans le code ci-dessus, si l'élément de menu actuel est Domestique, je souhaite que le service Domestique et son service parent soient en italique, et pas seulement le paramètre Domestique.

menuscssnavigation
2
seeker

Comme j'ai la solution, je la poste ici. Wordpress utilise les classes current-menu-ancestor et current_page_ancestor. Afin que nous puissions les utiliser comme ci-dessous

.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