html - 覆盖特定元素的链接样式

Question

我知道这个问题以前在这里被问过，但那里提供的答案似乎都不适合我。

我有一个样式表将所有链接的颜色设置为红色。页面上的所有其余文本都是纯黑色的。我有一个特定的 H1 元素是一个链接，但我不希望这个 H1 元素像所有其他链接一样是红色的。相反，我只希望它是普通的黑色，就像所有其他文本一样。不过，无论我尝试什么，它都会像所有其他链接一样保持红色。

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

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

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

Answer 1

你把它放在锚上吗？

h1 a:link { color: black; }

Answer 2

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

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

然后您应该能够将 CSS 规则添加为：

h1 a { color: #000; }