:hover疑似クラスの記述順

:hover疑似クラスの記述順序はよく間違えるので、メモ。 a:link { color:red; } a:visited { color:purple; } a:hover { color:green; } a:active { color:blue; } 上記以外の順序で書くと、カスケード処理の規則により上書きされてしまうので、意図した表示とズレてしまう。 ちなみに、各擬似要素が示す意味は、 a:link { color:red; /*未訪問*/ } a:visited { color:purple; /*訪問済み*/ } a:hover { color:green; /*カーソルオン時*/ } a:active { color:blue; /*リンクをクリックしている状態*/ } となっている。

[kasshin]

[:hover]

[vv_boow_vv]

:hover疑似クラスの記述順序はよく間違えるので、メモ。