html - 活动链接 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;
}

我在网上搜索，发现一篇关于菜单突出显示的帖子。我试过了，但没有奏效。

我需要一些建议/帮助才能使活动链接（后台）正常工作。

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;
}