マウスオーバーしたときに表示を切り替えたいときは、CSSに疑似クラスを指定する。
a:hover {
マウスオーバー中に表示したい内容
}この指定を複数の要素に指定することで、例えばテキストやイメージの表示切替などもできる。
a:hover {
マウスオーバー中に表示したい内容
}.a-covered:hover {
マウスオーバー中に表示したい内容
}マウスオーバー以外にも疑似クラスの指定により表示を変えられるものは以下。
- link：御訪問リンク
- visited：訪問済みリンク
- hover : マウスオーバー
- active : リンククリック中
