CSS a:链接保持原始颜色

时间:2011-07-27 19:22:15

标签: html css hyperlink

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

实施例

我有一个红色的文字,那个文字也是一个链接。 Normaly认为文本会变蓝,因为它是一个链接,但我希望它保持红色。

因此,有一个全局样式的:链接根本不选择颜色吗?

2 个答案:

答案 0 :(得分:52)

在样式表中尝试:

a:link {
   color:inherit;
}

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

如果您想处理不支持inherit的浏览器,我想重复最初设置颜色的定义。

例如,假设班级important应显示为红色:

.important {
    color:red;
}

.important a:link {
    color:red;
}

但是当然要将所有颜色指示加倍是不好的。我假设一个人可以在JavaScript中做一些事情(循环遍历所有a元素并明确地给它们提供正确的类)。 (我没有IE可用来测试它。)

答案 1 :(得分:1)

如果您的所有a标记都包含在段落标记中,则只需将color标记的a设置为inherit即可。您还可以为所有a标记设置样式,使其具有段落标记所具有的任何颜色。关于inherit的快速警告,有旧版本的IE不支持它(IE7及更早版本)。