Wordpress + Bootstrap 3在子菜单单击时突出显示父链接

Question

我正在使用Bootstrap 3创建一个Wordpress主题。当我点击子菜单时，我希望父菜单项突出显示/活动。我已经使用过nav walker，菜单工作正常。

以下是网站：http://www.carpetdesignsystem.com

我发现这个用于LESS，但有没有办法在CSS中做同样的事情而不使用LESS？：

.current-post-parent > a {
     .navbar-nav > .active > a;
}

.current-post-parent > a:hover {
     .navbar-nav > .active > a:hover;
}

Answer 1

你可以使用WordPress的内置类为活动父母定位它：

.current-menu-parent a:first-child {
    //styles here
}