2006.09.29

スタイルシートの疑似クラスの記述順

スタイルシートのリンクに関する疑似クラスでは記述する順番が重要です。

a:link
a:visited
a:active
a:hover


a:link
a:hover
a:active
a:visited

たとえば「hover 」が「visited」よりも先に記述されると「visited」スタイルに上書きされてしまいます。
そのため、リンク先から戻って来たときには「hover」に書いたスタイルは無効になってしまいます。
「FLASH」のボタン作成では「アップ」「オーバー」「ダウン」「ヒット」の順ですし、人間の動作の流れからしてもつい「link」「hover」と書いてしまいがちですが注意しましょう。

photo
hashimoto