CSSでリンクを指定する時の注意

2009年3月11日 11:49


CSSでヘッダーネームのカラー指定を書きましたがきれいに反映されません。
ヘッダーネームのCSSを書いた事によって、メインコンテンツやサイドバーのリンクカラーが変更されてしまったりで悩んでしまいました。
原因は「linkはテキストリンクの色の指定する際に使いますが、4つの擬似要素があり、link、visited、hover、activeの順序で記述しなければ意図したように動きません。」という事だったようです。
以下の修正で、記述通りの反映となりました。

訂正前CSS

#header-name a:link,a:visited,a:active{
color: #000000;
text-decoration:none;
}
#header-name a:hover{
color: #ffffff;
}


訂正後CSS

#header-name a:link{
color: #000000;
text-decoration: none;
}
#header-name a:visited{
color: #000000;
}
#header-name a:hover,a:active{
color: #ffffff;
}


sponsored link

sponsored link

infomation

  • twitter