Css 神秘的颜色出现在标签悬停上

在我的网站设计中，我使用的是jQueryUI选项卡，我想更改一种深绿色，当我将鼠标悬停在选项卡上时，它会显示出来。然而，我在CSS中找不到这种颜色，也无法覆盖它，Chrome开发者工具也没有显示任何与标签匹配的颜色。以下是JSFIDLE：

我觉得这个CSS应该能够覆盖它，但事实似乎并非如此：

#tabs .ui-tabs-nav .ui-state-active { 
    background: transparent url(images/uiTabsArrow.png) no-repeat bottom center; 
    border: none; 
    color: #000;
} 

---

我应该如何更改此颜色或使用其他颜色覆盖它？

它来自CSS中的以下声明：

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #205225;
    text-decoration: none;
}

最好是更新的所有实例

color: #205225;

---

到您要使用的适当十六进制颜色。

它来自CSS中的以下声明：

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #205225;
    text-decoration: none;
}

最好是更新的所有实例

color: #205225;

---

设置为所需的适当十六进制颜色。

在CSS中用所需颜色覆盖此内容

.ui-state-hover a, 
.ui-state-hover a:hover, 
.ui-state-hover a:link, 
.ui-state-hover a:visited{
    color: #205225; /*change this*/
}

---

用你想要的颜色在你的CSS中覆盖它

.ui-state-hover a, 
.ui-state-hover a:hover, 
.ui-state-hover a:link, 
.ui-state-hover a:visited{
    color: #205225; /*change this*/
}

如果您谈论的是“Blog”、“about Me”和“Projects”，请将

li

列表中的

a

作为目标，并设置其悬停psuedo元素的样式

#tabs ul li a:hover {
    color: blue;
}

如果您谈论的是“Blog”、“about Me”和“Projects”，请将

li

列表中的

a

作为目标，并设置其悬停psuedo元素的样式

#tabs ul li a:hover {
    color: blue;
}

---

很乐意帮忙！可能值得您花时间看看Firebug插件（其他浏览器也有类似的工具），特别是“Inspect Element”功能，它向您展示了应用的CSS堆栈：}15秒视频：很高兴提供帮助！也许值得您花点时间看看Firebug插件（其他浏览器也有类似的工具），特别是“Inspect Element”功能，它向您展示了应用的CSS堆栈：}15秒视频：