如何更改菜单选择时的背景颜色？

这些天我开始学习 CSS，目前我被赋予了一项 CSS 任务，我已经尝试过，但我没有得到它。

这是我的要求：

The site is http://mywebsite.com/ .  

您会注意到菜单栏有一个悬停颜色是#1B3E70。 这就是我想要所选菜单栏项目在相应区域/页面上显示的颜色。

我尝试如下但没有得到：

 a:visited{
    background: #1B3E70;
}

请建议我..

参考您的链接（类和 ID）：

HTML

<li class="menu-item">
    <a href="#">About</a>
    <a href="#">Home</a>
</li>

CSS

 .menu-item{
        list-style:none;
    } 
    .menu-item a{
        padding:20px;
        padding-bottom:10px;
        border:1px solid #1B3E70;
        color:#1B3E70;
        text-decoration:none;
    }.menu-item a:hover{
            background-color:#1B3E70;
        color:white;
    }
    .menu-item .active{
         background-color:#1B3E70;
         color:white;

    }

Jquery

    $('.menu-item a').click(function(){
    $(this).addClass('active').siblings().removeClass('active');
    });

实例http://jsfiddle.net/7VBy9/ http://jsfiddle.net/7VBy9/