divでくくったけれど、反映が変になります。

質問

divで指定した2つのリンク要素なのですが、
mainのくくりの中の文字にleftsideの設定が反映されてしまいます。
でも、mainで指定した
div#main a:hover { color: #6699FF ; text-decoration: underline; }だけはそのまま活きています。
どこが間違っているのでしょうか。

div#main a:link, a:visited { color: #3300FF ; text-decoration: underline; }
div#main a:hover { color: #6699FF ; text-decoration: underline; }

div#leftside a:link, a:visited { color: #000000 ; text-decoration: none; }
div#leftside a:hover { color: #6699FF ; text-decoration: none; }

回答No.1

steel_gray · ベストアンサー

前回の質問(参考URL)の回答の#2です。

問題はdiv#mainやdiv#leftsideが直後のa:linkにしかかかっていないために起きていると思います。

#(id)と.(class)の違いはありますが、前回の回答で書いたサンプルコードと書き方を比べてみてください。

参考URL：

http://oshiete1.goo.ne.jp/kotaeru.php3?q=1384842

お礼

教えていただいたサンプルコードとこちらが少し違っていたので書き換えてidに変えたらもきちんと表示できました。
もう少し、どこが悪かったのかちゃんと見比べてみます。
本当にありがとうございました。