css - CSS3菜单如何更改背景颜色

Question

我想在 Mouser Over 上为 CSS3 菜单添加背景颜色，我在 stackoverflow 上找到了一些东西，但它对我不起作用....我想我必须在 .menu a{ } 中更改一些东西，但我没有不知道什么....有人可以帮助我吗？

谢谢

    #menu, #menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body{margin: 0 auto;}
    .menu100percent {
background: #cce2ff; /* Old browsers */
background: -moz-linear-gradient(top,  #cce2ff 1%, #75bdd1 26%, #002a6d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#cce2ff), color-stop(26%,#75bdd1), color-stop(100%,#002a6d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cce2ff 1%,#75bdd1 26%,#002a6d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cce2ff 1%,#75bdd1 26%,#002a6d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cce2ff 1%,#75bdd1 26%,#002a6d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cce2ff 1%,#75bdd1 26%,#002a6d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cce2ff', endColorstr='#002a6d',GradientType=0 ); /* IE6-9 */


    color: white;
    font-size: 16px;
    height: 30px;
    width:100%;
}
 .menu{width:1000px; margin: 0 auto; }
 .menu a{color:#fff; font-size:12px; line-height:370px; font-family:Arial; text-decoration:none; text-align: left;}

Answer 1

使用:hover选择器：

.menu:hover a {
    background-color: gold;
}

Answer 2

使用css代码：

.menu a : hover {
    background-color: gold;
}

小提琴：http: //jsfiddle.net/snP3Z/3/