CSS a:hover 保持原始颜色

Question

是否可以在其他链接发生变化时保持与类链接的颜色。

例如，我有一个主题，但我希望它支持用户设置的不同颜色。

大多数链接在 :hover 上会改变颜色，但有些必须保持相同的颜色。

#red 由主题生成。我想“继承”a.someclass:link的颜色a.someclass:hover

例子：

a:link
{
  color: #red;
}
a:hover {
  color: #black;
}

以上部分是生成的，我无法更改。

正如下面的答案和评论中所建议的，我需要使用 jQuery 构建它

当然我可以将#red 复制到，a.someclass:hover {}但是我必须对颜色进行硬编码，因为用户应该能够更改不是一个选项的颜色。

a:hover { color }如果班级是某个班级，我需要一些东西来覆盖

Answer 1

你可以利用 currentColor

a.no-color-change:hover {
  color: currentColor;
}

Answer 2

正如 @danferth 和 @maxisam 所建议的，这是我为实现此目的而编写的 jQuery 解决方案：

$(document).ready(function(){
   // getting the color before the color is changed ( not sure this is needed )
  var thecolor = $('.article-title').css("color");
  $(".article-title").mouseover(function() {
    // setting the color previously picked
    $(this).css({'color':thecolor});
  });       
});

其中 .article-title 是我要更改的链接的类别