CSS a:link保持原色答案

【问题标题】：CSS a:link keep original colorCSS a:link保持原色
【发布时间】：2011-10-14 13:38:45
【问题描述】：

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

例子

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

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

【问题讨论】：

呃...锚标签总是链接...所以你只需在你的css中设置a { color:red; }
@Joseph：不，锚标签也可以用作链接目标：<a name="example"></a>。（当然，现在人们会在另一个可用元素上简单地使用 id 属性，但有些人关心不理解这些的旧浏览器。）

【解决方案1】：

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

a:link {
   color:inherit;
}

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

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

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

.important {
    color:red;
}

.important a:link {
    color:red;
}

但是，必须将所有颜色指示加倍当然不好。我假设可以在 JavaScript 中做某事（循环遍历所有 a 元素并明确地为它们提供正确的类）。（我没有可用的 IE 来测试这个。）

【讨论】：

谢谢，但安德鲁有一点。 IE7 对此毫不在意。有什么技巧吗？
对于 IE7，您始终可以使用 inherit 为 color 设置 a 标签的样式，然后使用 *color:; 添加另一行并使用 p 标签的任何颜色填充该值是。
如果这个答案在 IE9 中不适合你，别忘了在你的文档中添加一个 doctype：

【解决方案2】：

如果您的所有a 标记都包含在段落标记中，您只需将a 标记的color 设置为inherit。您也可以为所有a 标签设置一个样式，使其具有段落标签所具有的任何颜色。关于inherit 的快速警告，IE 的旧版本不支持它（IE7 和更早版本）。

【讨论】：