css - 突出显示当前链接

Question

我正在处理这个 Wordpress 主题，我正在使用较深的颜色为当前页面添加突出显示的菜单。问题是，我想出了如何突出显示当前链接，但是当我导航到“示例页面”(具有子菜单的页面)时，列出的所有子菜单也会突出显示。我不想那样。网址 -> 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;
}

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