WP导航菜单-突出显示当前页面不能正常工作

时间:2013-06-10 作者:user1255049

我试图突出显示wp nav菜单中的当前页面。我通读了抄本,发现.current-menu-item, 我在CSS中使用的。。但是它不起作用。我错过了什么?

css

#header nav {
    float: left;
    padding-left: 25px;
    padding-top: 12px;
}

#header nav ul li {
    display: inline;
}

#header nav ul li a {
    color: #333333;
    font-family: amatic;
    font-size: 150%;
    padding-right: 25px;
}

#header nav ul li a:hover {
    color: #c6e000;
}

#header nav ul li a:last-child {
    padding-right: none;
}

#header nav .current-menu-item {
    color: #c6e000;
}
html/php

<div id="header">
     <nav>
    <?php wp_nav_menu( array(\'menu\' => \'nav\' )); ?>
     </nav><!-- end nav -->
</div><!-- end header -->

live site

1 个回复
最合适的回答,由SO网友:Frederick Andersen 整理而成

因为显示导航的文本由锚点组成,锚点具有color: #333333; 已分配,您必须添加.current-menu-item 锚定本身的颜色:

#header nav .current-menu-item a { color: #c6e000; }

结束

相关推荐

禁用IE 8及更早版本的css。

我正在试图找到一种方法来禁用IE8或更少版本中的任何东西的212样式表。是否有一个条件代码可以放在我的函数php文件中,使默认的Twentylex样式表(及其子主题子表)在这些特定浏览器中被忽略?我想从一块空白的石板上开始我的IE only样式表,并且只应用非常非常简单的样式。提前感谢