CSSのa:hoverが急に一部だけ効かなくなった

質問

Web制作初心者です。

セオリー通りグローバルナビゲーションを

<ul><li><a href="***">内容</a></li></li>

で作り、CSSでa:hoverを設定し普通に機能していたのですが、急に
5項目あるナビのうち１つだけロールオーバーしても色が変わらない状態に陥ってしまいました。

どんな要因が考えられるでしょうか？？

因みに、他のWeb制作時は全く同じやり方でしっかり機能しています。

回答No.1

ORUKA1951 · ベストアンサー

ウェブ製作ならfirefoxと開発者向けツール( https://addons.mozilla.jp/firefox/extensions/developer_tools/ )をお使いだと思いますが、それにfirebugというアドオンがあります。
それを使って、他の要素が上にかぶさっていないか確認してください。
また、
・その要素にhoverされているか
・hoverされた要素にスタイルが適用されるか

　たぶん、HTMLかスタイルシートの書き方に問題なければ、他の要素がかぶさっていることが原因でしょう。

お礼

ありがとうございます！
lin,visited,hoverの順番に直したら何故か上手くいきました(^_^;)