擬似クラス hover

擬似クラス hoverは、 マウスカーソルを上に置いたリンクのスタイルを定義します。 通常、この擬似クラスは、 擬似クラス link、 visited および active と組み合わせて使用されます。

構文

cssa:hover {
  
}

例

未訪問のリンクは赤色、 訪問済みのリンクは水色になります。 マウスカーソルを上に置くと緑色に変わり、 マウスの左ボタンをクリックして押し続けると黒色になります（active状態）:

html<a href="#">リンク</a>

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

Результат:

関連項目