在div中选择链接并设置"animations“

Question

我正在尝试更改div中链接的颜色(mouseover/mouseout)，但它不起作用……为什么？

html代码：

        <div id="Navigation">

            <a href="#">Products</a>
            <a href="#">Projects</a>
             <a href="#">Tutorials</a>
              <a href="#">Forum</a>
               <a href="#">Contact</a>

        </div>

js代码：

$('#Navigation a').mouseover(function() {

   $(this).css("color", "#75c3ff");
});

$('#Navigation a').mouseout(function() {

   $(this).css("color", "#c5c5c5");
});

Answer 1

您不应该使用JS来实现您可以通过CSS实现的功能。

#Navigation a { color: #c5c5c5 }
#Navigation a:hover { color: #75c3ff }

只需注意-您的代码is working