活动链接wordpress

Question

我正在为一个客户的wordpress网站工作。 我有导航工作，当他们将鼠标悬停在导航上时，他们将获得绿色背景。对于每个链接导航项目都是如此。

我也希望选定的页面具有相同的背景，因此该网站的访问者知道他目前在哪里。

我有什么至今：

的WordPress：

<div id="nav"> 
    <?php wp_nav_menu (array ('theme_location' => 'header-nav','container' => false)); ?> 
</div> 

CSS：

#nav { 
    /*float:right;*/ 
    float:left; 
    height:6em; 
    /*width:560px;*/ 
    /*width:612px;*/ 
    width:710px; 
    /*background:#525252;*/ 
} 

#nav ul { 
    list-style:none; 
} 
#nav li a{ 
    width:80px; 
    text-align:center; 
} 
#nav li a { 
    text-decoration:none; 
    float:left; 
    padding:3.4em 0.4em 0 0; 
    position:relative; 
    right:-1em; 
    /*left:6em;*/ 
    color:#fff; 
    height:2.1em; 
} 
#nav li a:hover{ 
    color:#333; 
    /*background:#60b5b2;*/ 
    background:#69dc37; 
    font-weight:bold; 
} 
#nav li a:active { 
    color:#fff; 
    background:#69dc37; 
} 

我搜索互联网，发现a post about menu highlighting。我尝试过，但没有奏效。

我需要一些建议/帮助，以获得活动链接（背景）的工作。

Answer 1

请更正背景背景颜色在你的CSS代码：

#nav li a:hover{ 
    color:#333; 
    /*background:#60b5b2;*/ 
    background-color:#69dc37; 
    font-weight:bold; 
} 

#nav li a:active { 
    color:#fff; 
    background-color:#69dc37; 
}