css - CSS3 メニューの背景色の変更方法

Question

CSS3 メニューの背景色を on Mouser Over に追加したいのですが、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;
}