css - ヘッダーリンクの色を変更できない

Question

現在、ヘッダーのリンクの色を変更しようとしていますが、不足しています。

CSS のデフォルトのリンクの色は青ですが、エントリヘッダーのリンクを金色にしたいと考えています。これは簡単だろうと思いました。リンクの色をdivのヘッダーに定義するだけですが、何をしても、ヘッダーのリンクの色はデフォルトのリンクの色を選択し続けます。

グローバルリンクの y CSS は次のとおりです。

/* Links */
a {
    color: #80D4F6;
}
a:visited {
    color: #80D4F6;
}
a:hover,
a:focus,
a:active {
    color: #80D4F6;
}

次に、ヘッダーリンクをゴールドとして定義しようとした方法を次に示します。

.entry-title h1 a{
    color: #E9DB70;
}

h1 a:link{
    color: #E9DB70;
}

どちらも機能しませんでした。問題はこちらでご覧いただけます。

どんな助けでも大歓迎です！

score 3 · Accepted Answer

それは働いています。それをオーバーライドするスタイルがあります。

h1 a:linkコードを337行目以降のa:hover, a:focus, a:activeandの下に移動する必要があります。a:visitedh1 a:visited

を削除したくない場合は:link、以下のコードを使用してください

h1 a:link,
h1 a:visited {
    color: #E9DB70;
}

score 1 · Accepted Answer

!importantセレクターをあなたに追加するcolor

<style>
h1 a {
   color: #E9DB70 !important;
}
</style>

css - ヘッダー リンクの色を変更できない