aタグの謎 CSS a:visited a:hover

aタグのCSSでは3つを駆使したりしますよね。a:linkは意味ないので
考えないことにして、ちょっとしたCSSの謎をメモ。

これまた、IE6の現象なのでそろそろどうでもいいとえば、
どうでもいいのですが、a:visitedとa:hoverの位置をCSS記述上で
a:visitedを後にa:hoverを前に書くとover時におかしなことになる点について。

a
a:visited
a:hover

こうするとvisited後でもhover時に、overが正常に反映される。

a
a:hover
a:visited

こうするとvisited後だとhover時にvisited要素が表示される。
もちろん、要素がかぶってなければ問題ないですが。

通常、visited要素がhover要素を上回るってことはないはず。
よって、a:hoverを下に記述するといいってことかな。

このエントリーをはてなブックマークに追加
はてなブックマーク - aタグの謎 CSS a:visited a:hover
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip

にほんブログ村 デザインブログ Webデザインへ 人気ブログランキングへ
管理人おすすめのレンタルサーバーまとめました

はてなブックマークに追加

コメントは停止中です。

MySQL無制限100GB ドメイン最安 X2レンタルサーバー

エックスツー

WordPress無制限も実現できるMySQL無制限の高速レンタルサーバー。

容量100GBの余裕のスペースにマルチドメインも無制限。密かに人気なのが、契約していれば.netなどドメインが850円と最安値で、別サーバーへのドメイン利用も可能。

PHPやCGIを高速にするXキャッシュ機能も搭載している X2レンタルサーバー