JQuery 更改文本颜色

Question

我正在尝试使用 Jquery 更改悬停时文本的颜色。我认为我的代码是正确的，但它现在可以工作。这是我的 JQuery 代码:

$(document).ready(function() {
    $('#menu li a').hover(function() {
       $(this).css('color','#ffffff');
    }, function() {
       $(this).css('color', '#97A59E');
    });
});

我的CSS:

#menu li a 
{
color:#97A59E !important;
background-color:#3e4347 !important;
display: block;
float: left;
line-height:2.25em!important;
text-align:center;
width:300px;
}

和我的网站母版页:

    <ul id="menu">
    <li><a id="nav-home" href="<%= Url.Action("Index", "Home") %>">Home</a></li>
    <li><a id="nav-about" href="<%= Url.Action("About","Home") %>">About</a></li> 
    </ul>

有什么想法吗？谢谢。

Answer 1

我不知道 JQuery 是否是执行此操作的正确方法..您是否在 css 中尝试过

#menu li a { color: #97A59E}
#menu li a:hover { color: #ffffff}