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

您可以使用inherit或initial属性，但这会导致悬停时出现黑色或者什么颜色属性应用于锚标记的直接父元素。

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 */
}

禁用HTML链接悬停颜色

1 个答案: