文本颜色在inspector中更改，但在jQuery UI中不在屏幕上

我试图制作一个短脚本，当鼠标悬停在上面时，它会改变文本字符串的颜色

HTML:

奇怪的是，当我打开Chromes element inspector时，我可以看到上面元素的RGB值变化，例如：

<h1 style="color: rgb(245, 132, 38); ">

但元素的实际颜色不会改变。它就像外部CSS仍然在写上面的内联CSS一样

有人知道怎么避开这件事吗？我是否应该完全放弃这个元素的外部CSS

---

（注：我把jQuery和UI库都链接得很好）。

这里的问题是，您试图更改锚的颜色，但实际上更改了标题的颜色。只需将

h1

替换为

a

即可

这说明了这一点

---

更新：如果您想知道，这是因为锚点默认情况下不会继承颜色。（ref:）

对我来说很有效，如果你以链接而不是标题为目标，那么在

中有一个块级元素

，一个内联元素不是一个好主意！

$('#firstheading').hover(function () {
        $(this).find('h1').stop().animate({ color: "#53799E" }, 1000);
    }, function() {
    $(this).find('h1').stop().animate({ color: "#F58426" }, 1000);
});

<h1 style="color: rgb(245, 132, 38); ">