疑似クラス 反映されない理由

Question

プログラミング初学者です。
疑似クラスについての質問をさせてください。
:link :hover :visited　をcssにて入力したところ反映がされません。
反映されない理由が何度試してもわかりません。
どなたかわかる方がいらっしゃいましたら教えてください。
非常に単純な質問で申し訳ありません。

コード
 <div class="container">
    <ul>
      <li>yahooのホームページは<a href="https://www.yahoo.co.jp">こちら</a></li>
      <li>googleのホームページは<a href="https://www.google.co.jp">こちら</a></li>
    </ul>
  </div>

a:link {
  color: green;
}
a:visited {
  color: blue;
}
a:hover {
  color: pink;
}

Answer 1

 <div class="container">
    <ul>
      <li>yahooのホームページは<a href="https://www.yahoo.co.jp">こちら</a></li>
      <li>googleのホームページは<a href="https://www.google.co.jp">こちら</a></li>
    </ul>
  </div>

+<style>
 a:link {
   color: green;
 }
 a:visited {
   color: blue;
 }
 a:hover {
   color: pink;
 }
+</style>

Comments

[kenharuka]

回答頂きありがとうございます。
参考になりました。