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; }