aタグの謎 CSS a:visited 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
  • Share on FriendFeed

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を下に記述するといいってことかな。

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

コメントは受け付けていません。

サブの椅子としてならイケる

★安いけど、いい感じです

メインの椅子は、アーロンチェアのアルミポリッシュ(20万ぐらい)を使ってますが、サブの椅子はお金をかけられませんよね。そこで、サブ椅子で使ってるのがコノ激安オフィスチェアで5,980円で買えます。座面のメッシュも背もたれも意外としっかりしていて、リクライニングも悪くはありません。サブの作業用椅子としてならいいと思います。とにかく安いけど、損はしないかと。