CSS3和菜单项突出显示

我试图制作一个简单的侧边栏菜单，在当前查看其链接页面时，将其菜单项设置为样式或突出显示。我一直试图使它尽可能紧凑和简单，但我不能得到突出/风格的效果工作

代码如下：

HTML

---

我一直在无休止地试图突出显示当前页面/当前菜单项，但似乎没有任何效果。我用

.current menu item

和

.current\u page\u item

尝试了不同的代码迭代，但没有任何结果。

您可以使用wordpress默认类。当前菜单父级或当前菜单父级。下面是为我工作的代码。你只需将这些添加到你的style.css

.current-menu-parent a, .current-menu-ancestor a {

  color: #7dca8d;

    }

或者你也可以试试这个。这对我也很有用

.navmenu  .current-menu-ancestor > a {
background-color: #B44A52;
color: #fff;
}

---

因此，当访问子菜单项页面时，其父菜单将以红色突出显示。

您能否提供指向实际页面的链接？

.current-menu-parent a, .current-menu-ancestor a {

  color: #7dca8d;

    }

.navmenu  .current-menu-ancestor > a {
background-color: #B44A52;
color: #fff;
}