禁用 HTML 链接悬停颜色

Question

如果我有一个<div>，我可以像这样控制它的颜色：

<div class="good">Hello</div>
.good { color: green; }

我想对链接做同样的事情，就像这样：

<a href="...", class="good">Hello</a>
.good { color: green; }

我希望链接是绿色的，即使发生鼠标悬停，如<div>. 我知道我可以这样做：

.good:hover { color: green; }

但这意味着我必须记住为每个可能应用于<a>元素的类添加它。有没有一种简单的方法可以禁用悬停颜色更改<a>？我正在考虑类似的事情：

a:hover { color: do-not-change; }

或者：

a:hover { color: inherit-from-non-hover; }

更新 我忘了提到我确实设置了全局a并a:hover覆盖了浏览器默认值：

a, a:hover { color: black; text-decoration: none; }

这是因为我不知道如何禁用悬停颜色。理想情况下，我想要的是：

a { color: black; }
a:hover { color: <some way to tell it to not change>; }
.good { color: green; }

然后<a>是黑色，悬停与否。并且<a class="good">是绿色的，悬停与否。

Answer 1

您可以使用inheritorinitial属性，但这将导致悬停时变为黑色，或者将任何颜色属性应用于锚标记的直接父元素。

a:hover{
    color: inherit; /* Inherits color property from its parent */
}

a:hover{
    color: initial; /* Takes initial value of the property which is black in this case */
}