我试图突出显示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
最合适的回答,由SO网友:Frederick Andersen 整理而成
因为显示导航的文本由锚点组成,锚点具有color: #333333;
已分配,您必须添加.current-menu-item
锚定本身的颜色:
#header nav .current-menu-item a {
color: #c6e000;
}