有没有办法将“a”标签链接取消设置为默认颜色

我有一个“a”标签，它是另一个网页的正常链接。

我想禁用默认链接外观，除非鼠标光标悬停在链接上，此时应恢复默认的正常链接外观。

这是我到目前为止所尝试过的：

(HTML)

   <a href="example.com">example</a>

(CSS)

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: unset;
    text-decoration: underline;
}

该代码的 JS 小提琴示例在这里 https://jsfiddle.net/1ujkpyax/

问题是，在鼠标悬停期间，链接颜色保持黑色，并且不会取消设置或恢复为原始链接蓝色。是否有一个特殊的CSS关键字“原始设置”或类似的东西？

The 您正在寻找的原始设置的价值 https://www.w3schools.com/cssref/css_initial.asp叫做initial.

a:hover {
    color: initial
}

但是，这可能会使链接变黑。这意味着在这种情况下它对你不起作用。不过你可以用另一种方式解决这个问题，通过你的a风格。使用 的逆:hover使用:not选择器。

a:not(:hover){
  color: #000;
  text-decoration: none;
}

<a href="#">Hi, I'm Link.</a>

它的工作方式是将样式应用于您的链接，只要它不是悬停效果即可。a独自设计风格:hover也是我们不想要的。

或者，如果这在您的环境中不起作用，您可以使用以下样式设置链接默认颜色 https://stackoverflow.com/questions/4774022/whats-default-html-css-link-color:

a { color: #000; text-decoration: none; }

a:hover {color: #0000EE; text-decoration: underline; }

<a href="#">Hi, I'm Link.</a>

这应该适用于任何地方，因为它是常规的颜色变化。但是，请注意，默认颜色可能会因浏览器而略有不同......我猜这样做的好处是所有浏览器的颜色保持不变。

中间和最后一段代码的区别在于，中间一段使用默认的浏览器设置，而最后一段则推入您自己的蓝色。