覆盖特定元素的链接样式

时间:2013-03-15 16:50:11

标签: html css

我知道之前已经在这里提出过这个问题,但那里提供的答案似乎都不适合我。

我有一个样式表设置所有链接的颜色,让我们说,红色。页面上所有其他文字都是纯黑色的。我有一个特定的H1元素是一个链接,但我希望这个H1元素是红色的,就像所有其他链接一样。相反,我只是希望它像所有其他文本一样是常规的黑色。不管我似乎尝试过什么,它都像所有其他链接一样保持红色。

这是我的样式表中的代码:

a:link {text-decoration: none; color: #B83131;}
a:visited {color: #B83131;}

我尝试过针对特定H1标签的特定样式,但它没有帮助。我尝试给H1标签一个类名称并为该类设置样式,但它没有帮助。我觉得我在这里错过了一些东西......

2 个答案:

答案 0 :(得分:2)

你有没有把它设置为锚?

h1 a:link { color: black; }

答案 1 :(得分:0)

如果您的标记类似于以下内容:

<h1>
   <a href="#">Bleh</a>
</h1>

然后你应该能够将CSS规则添加为:

h1 a { color: #000; }