提问者:小点点

CSS在子页面中保持菜单项处于活动状态


我已经做了几个小时了,但还是不明白。我希望在浏览其子页面时,“关于导航”菜单链接保持白色背景。。。

当我在子页面内浏览时,如何保持navlink css处于活动状态?

我的CSS

我已经尝试了wordpress导航参考中的几乎所有内容http://codex.wordpress.org/Function_Reference/wp_nav_menu#Menu_Item_CSS_Classes


共2个答案

匿名用户

如果右键单击about选项卡(当其中一个子页面打开时),您应该能够检查元素。(我使用Chrome,但其他浏览器也有此选项。)你应该看看这样的东西。(这是我的主题中的一个示例):

<li id="menu-item-387" 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-387"><a href="#">About</a>

选择其中一个类并添加一些css。我使用当前菜单父选择器。

(#menu .current-menu-parent > a {
    background: #fff;   (or whatever styling you need to add)
}

希望这能有所帮助。如果没有,你的网站可以从网络上访问,一个网址会很有帮助。

匿名用户

当您在子页面上时,该活动子页面的父页面的菜单项或菜单链接具有一个类当前-页面-祖先

您可以通过将其添加到CSS文件或自定义CSS来激活菜单

li.current-page-ancestor a {
color: #0286ff !important; // or whatever style you want
}