2021-03-08

aタグで使う疑似クラスを3つ紹介。link, hover, visited

CSS,プログラミング

aタグで使う疑似クラスを3つ紹介。link, hover, visited

こんにちは、ダイキです。
今回は、aタグで使う擬似クラスを3つ紹介します。
link, hover, visited この3つですね。

簡易的に書くと以下です。
link → 未訪問のリンク。クリックされていない時の色を指定。
hover → カーソルが乗っている時の色を指定。
visited → 訪問済のリンク。クリックされた後のリンクの色を指定。


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