css - 当前突出显示的链接

我正在研究这个Wordpress主题，并且正在使用较深的颜色为当前页面添加突出显示的菜单。
问题是，我想出了如何突出显示当前链接，但是当我导航到“示例页面”（具有子菜单的页面）时，列出的所有子菜单也将突出显示。我不想要那个。
网址-> http://experiencias.freeserver.me/

我添加的CSS：

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

我也尝试过看看是否可行，但是没有成功

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

最佳答案

尝试这个

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

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

关于css - 当前突出显示的链接，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23910454/