Wordpress：CSS保持菜单项在子页面内时处于活动状态

Question

我已经在这里工作了几个小时但仍然无法理解。当我在其子页面中浏览时，我希望“关于导航菜单”链接保持白色背景...

当我在子页面中浏览时，如何保持navlink css处于活动状态？

查看页面菜单项已激活

当内部菜单项子菜单项不再有效时

我的CSS

我在wordpress导航参考http://codex.wordpress.org/Function_Reference/wp_nav_menu#Menu_Item_CSS_Classes

中尝试了几乎所有内容

Answer 1

如果右键单击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。我使用＆＃39; current-menu-parent＆＃39;选择器。

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

希望这会有所帮助。如果没有，并且您的网站可以通过网络访问，那么网址确实会有所帮助。