Question

当其他链接发生变化时，是否可以将颜色保留在与类的链接上。

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

大多数链接会改变颜色：悬停但有些链接必须保持相同的颜色。

#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

为什么不这样做？

a:link, a.someclass:hover
{
  color: #red;
}

至少我是否正确理解了您的问题。这将确保您的<a>标记在悬停时与<a class="someclass">标记的颜色相同。

Answer 3

就像上面提到的maxisam一样，你可能不得不使用js来做到这一点。尝试使用jQuery的{{1}}或.hover() .mouseover()来更改.mouseout()。当用户切换主题时，你当然必须以某种方式触发这些功能。祝你好运。

Answer 4

正如@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是我想要改变的链接的类

CSS a：悬停保持原始颜色

4 个答案: