CSSでリンクを指定する時の注意
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;
}

