如何使导航菜单中的当前页面项目不同颜色。答案

【问题标题】：How to make current page item in nav menu different color.如何使导航菜单中的当前页面项目不同颜色。
【发布时间】：2014-10-13 06:26:08
【问题描述】：

我正在尝试将以下开发站点的子页面导航菜单中的当前页面项目设置为不同的颜色。我的意思是，例如，当您在此处的“示例页面”页面上时：

我希望子菜单项“示例页面”的颜色 #b8b041 与此子菜单的 a:hover 项相同。

我应该指出我正在使用 Wordpress、Genesis 框架、子主题和插件“Genesis Subpages as Secondary Menu”。当这个插件被停用时，菜单的行为就像我想要的那样，当它被激活时不是这样。

看到第 958 行适用于悬停，我原以为第 959 行也适用，但显然我是个黑客......

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a  {
color: #B8B041; }

【问题讨论】：

在 current-menu-item 类旁边尝试类名 current_page_item、current_page_parent 和 current_page_ancestor。您能否粘贴您尝试应用样式的 HTML 源代码？
是的 current_page_item 它是！

【解决方案1】：

你可以使用下面的css

.nav-secondary .genesis-nav-menu a:hover,
.nav-secondary .genesis-nav-menu .current_page_item a{color: #B8B041;}

【讨论】：