戻る

リンク疑似クラスとは

リンク疑似クラスとは、リンクをコントロールするためものです。

:link、:visited、:hover、:active、:focusがあります。

a要素のセレクタにこのクラスを指定することで、状態別にスタイルを設定することができます。

:link

未訪問(まだ開いていない・キャッシュされていない)サイトへのリンク部分に対して適用。

:visited

既訪問(既に開いた・キャッシュされている)サイトへのリンク部分に対して適用。

:hover

その要素の上にカーソルがある状態のときに適用。

:active

その要素がアクティブな状態(例:マウスでリンクを押してから放すまでの時間に適用。

:focus

要素がフォーカスされているときに適用

inserted by FC2 system