アンカーにCSSを指定する場合の書き方
Mar 29
以前どこかのサイトで、アンカーにCSSを指定する場合の書き方は
- link
- visited
- hover
- active
の順番で書くとどのブラウザでも問題なく表示される。
という風に書いてありました。（記事のURLは失念してしまいました…）
覚え方は頭文字L、V、H、AをとってLoVe HeArt（ラブハート）。
例えばこんな書き方、
#test a {
display: block;
padding: 2px 0;
border-top: 1px solid #555;
border-bottom: 1px solid #555;
text-decoration: none;
}
#test a:link {color: #555;}
#test a:visited {color: #555;}
#test a:hover {color: #999;}
#test a:active {color: #999;}最初にリンク要素共通の宣言を書き、マウスオンで変わる部分を別途記述（あくまでボクの書き方ですが）
ちょっと記述量が増えますが、見た目もわかりやすくなると思います。
よかったら参考にしてみてください。