html - CSS :link keep original color

Question

是否可以告诉链接不要更改 CSS 中的颜色并使用默认颜色。

例子

我有一个红色的文本，该文本也是一个链接。通常，该文本会变为蓝色，因为它是一个链接，但我希望它保持红色。

那么 a:link 是否有一个全局样式来完全不选择颜色？

Answer 1

在你的样式表中试试这个:

a:link {
   color:inherit;
}

请注意，您可能应该确保有其他方法来识别链接，否则您的用户会感到困惑。 (即不要也删除下划线。)

如果你想处理不支持 inherit 的浏览器，我想重复最初设置颜色的定义就可以了。

例如，假设类 important 应该显示为红色:

.important {
    color:red;
}

.important a:link {
    color:red;
}

当然，必须将所有颜色指示加倍并不好。我假设可以在 JavaScript 中做一些事情(遍历所有 a 元素并显式地给它们正确的类)。 (我没有可用的 IE 来测试它。)