css - a:hover の何が間違っていますか?

Question

これは私が持っている動作していないCSSコードです:

h2 a:link, h2 a:visited {
text-decoration: none;
font-size:14pt;
font-weight:100;
color:#000;
}

h2 a:hover; {
text-decoration: none;
font-size:14pt;
font-weight:100;
color:#909090;
}

ホバー部分が機能しないのはなぜですか? 私は何を間違っていますか？私はCSSが初めてです。

Answer 1

css ルール「a:hover;」を変更します。「a:hover」に

つまり、; を削除します。

Answer 2

の開き中括弧の前にセミコロンがあるa:hoverので、次のように変更します。

h2 a:hover {
  text-decoration: none;
  font-size:14pt;
  font-weight:100;
  color:#909090;
}

Answer 3

あなたがそれをしている間、共通のルールを組み合わせてください。

h2 a:link, 
h2 a:visited,
h2 a:hover {
    text-decoration: none;
    font-size:14pt;
    font-weight:100;
}

h2 a:link, 
h2 a:visited {
    color:#000;
}

h2 a:hover; {
    color:#909090;
}