擬似クラス hover
擬似クラス hoverは、
マウスカーソルを上に置いたリンクのスタイルを定義します。
通常、この擬似クラスは、
擬似クラス link、
visited
および active
と組み合わせて使用されます。
構文
a:hover {
}
例
未訪問のリンクは赤色、 訪問済みのリンクは水色になります。 マウスカーソルを上に置くと緑色に変わり、 マウスの左ボタンをクリックして押し続けると黒色になります（active状態）:
<a href="#">リンク</a>
a:link {
color: red;
}
a:visited {
color: blue;
}
a:hover {
color: green;
}
a:active {
color: black;
}
:
