css - 如何使导航菜单中的当前页面元素具有不同的颜色。

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

http://yamina.squareeyes.com.au/catalogue/sample-page/

我希望子菜单项“示例页面”的颜色为＃b8b041，与该子菜单的a：hover项相同。

我应该指出，我正在使用Wordpress，Genesis框架，子主题和插件“ Genesis子页面作为辅助菜单”。停用此插件后，菜单的行为符合我的期望，但激活时却并非如此。

看到958号线适用于悬停时，我希望959号线也适用，但显然我是个黑客...

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

http://yamina.squareeyes.com.au/wp-content/themes/genesis-sample/style.css

最佳答案

您可以使用以下CSS

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