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

Question

我已经花了几个小时了，但仍然无法弄清楚。当我在子菜单内浏览时，我希望About Nav Menu链接保持白色背景...

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

查看页面菜单项处于活动状态

当内部菜单项子菜单项不再活动时

我的CSS

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

Answer 1

如果右键单击“关于”选项卡（当打开一个子页面时），则您应该能够检查该元素。（我使用的是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)
}

希望这可以帮助。如果不是这样，并且可以从Web上访问您的站点，那么URL确实会有所帮助。