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

Question

这些天我开始学习 CSS，目前我有一个 CSS 任务，我已经尝试过但我没有得到它..

这是我的要求:

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

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

我尝试如下但没有得到:

 a:visited{
    background: #1B3E70;
}

请给我建议..

Answer 1

引用您的链接(类和 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;

    }

查询

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

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