如何设置当前菜单锚定链接的父锚定链接的样式?

时间:2015-08-31 作者:seeker

我有这个密码

<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>
我正在尝试使用。当前菜单项wordpress类和我想要的字体样式。当前菜单项为斜体,如果当前菜单项是子菜单,我希望子菜单和父菜单的a标记都具有斜体字体样式。例如,在上面的代码中,如果当前菜单项是“国内”,我希望“国内”及其父服务都是斜体,而不仅仅是“国内”。

1 个回复
SO网友:seeker

因为我得到了解决方案,所以我将其张贴在这里。Wordpress使用当前菜单祖先类和当前\\u page\\u祖先类。因此,我们可以如下所示使用它们

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