リンクがCSSの指定通りに出ない

スポンサーリンク

スタイルシートでテキストリンクの部分に指定をすることは、珍しくありませんよね。ただたまにちゃんとCSSで指定しているのにも関わらずブラウザでうまく適応されていないときがあります。そんな時はまず、スタイルシートの記述されている順番を見てみましょう。

[css]
a:link { color:#0066ff; }
a:visited { color:#777777; }
a:active { color:#0066aa; }
a:hover { color:#666666; }
[/css]

上記の順番の用に【link>visited>active>hover】の順番で記述しないと、ブラウザによってスタイルシートがうまく動作しない場合があるんですね。作者もWEBを覚え立ての頃にぶち当たりました……。

タイトルとURLをコピーしました