突出显示的当前链接

Question

我正在研究这个Wordpress主题，我正在使用更暗的颜色为当前页面添加突出显示的菜单。 问题是，我想出了如何突出显示当前链接，但是当我导航到“示例页面”（具有子菜单的那个）时，列出的所有子菜单也都是高亮的。我不希望这样。 网址 - ＆gt; http://experiencias.freeserver.me/

我添加的CSS：

.nav .current-menu-item a{
    color: #fff;
    background-color:#bc3031;
}

我也试过这个，看它是否有效，但没有成功

.nav .sub-menu {
    display:none;
}

Answer 1

试试这个

.nav .current-menu-item > a{
    color: #fff;
    background-color:#bc3031;
}

这只会突出显示直接子项而不是嵌套元素。