CSS3菜單如何更改背景顏色

Question

我想添加背景顏色在Mouser Over for 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/