0

リンクについて教えてください。 HP作成で、リンクの設定をしています。
外部cssをいじっているうちに、設定が一部反映されなくなってしまいました。

cssとhtmlは以下の通りです。


css↓

#menu ul{
list-style-position: outside;
font-family: Verdana, "ヒラギノ角ゴ Pro W3", sans-serif;
font-size: 100%
}

#menu ul li{
list-style-type: none;
text-align: left;
padding: 0 0 0 80px;
}
#menu ul li a{
padding: 1px 0;
display: block;
}
#menu ul li a:link,#menu ul li a:visited{
color: #333333;
}
#menu ul li a:hover,#menu ul li a:active{
color: #cc0000;
font-weight: bold;
}


html↓

<div id="menu">
<ul>
<li><a href="top.html">Top</a>
<li><a href="gallery.html">Gallery</a>
<li><a href="link.html">Link</a>
<li><a href="index.html" target="_top">Index</a>
<li><a href="sample.html">Sample</a>
<li><a href="about.html">About</a></li>
</ul>
</div>

メニューにオンマウスしたとき太字にはなるのですが、色が変わりません。
クリックしたとき色が変わるのはちゃんと表示されます。
なぜか、a:hoverだけが反映されません。

いじっていたcssはリンクとは全然別の部分で、
それまではオンマウスで色も変わっていました。
突然反映されなくなった。というのが正直なところです。

試しにメニュー部分にあたるhtmlファイルとcssを
コピーして改めて開いてみたところ、
そのときはオンマウスできちんと色が変わっていましたが、
一度クリックすると変わらなくなってしまいました。

どうしてなのでしょうか？
私には原因が突き止められず本当に困っています。
「こういうことが考えられる」などありましたら教えてください。
よろしくお願いします。

※WYSIWYGやプレビューだと色は変わるのですが、
ブラウザで確認すると変わらない状態です。

質問者が選んだベストソリューション

Yahoo!知恵袋 5191日前