：擬似クラスは私が縮小さCSSのセクションの上に置かれてきた私が書いたコードの一部、持って

Question

期待通りに動作していないonhover：これは期待著作物として

.scroll-fixed-navbar { 
    background-color: black !important; 
} 

.banner-list li i { 
    color: #f86900 !important; 
} 

.btn-primary { 
    background-color: #f86900 !important; 
} 

#nav li a { 
    color: #f1861d !important; 
} 

#nav li:hover { 
    color: #a8a89b !important; 
} 

[Huge chuck of minified code containing Font Awesome and Twitter Bootstrap]  

つのサーバ上にあり、ホバー上のリンク項目はグレーに消えます。ただし、別のサーバーでは、オンホバー効果はトリガーされません。私は:hover擬似ことをどこかで見た

：私はインスペクタにli要素を開いて試してみたが、それでも効果が働いているサーバ上で、CSSが表示されるまで表示されません。クラスはa要素にのみ適用する必要がありますが、私はW3C wikiを見ましたが、そこには何も言及されていません。このようにアンカーの親のli親に:hoverを適用できますか、それとも不正なコードですか？ブートストラップやフォントの恐ろしいコードがCSSを上書きすることはありますか？または、問題は他の何かによって引き起こされる可能性がありますか？

Answer 1

私はこれだと思う：

#nav li a { 
    color: #f1861d !important; 
} 

はこれをオーバーライドしている：

#nav li:hover { 
    color: #a8a89b !important; 
} 

は、なぜあなたはliに:hoverを設定するのですか？ li:hover後a要素をターゲットにしてみてください。もちろん

#nav li:hover a { 
    color: inherit !important; 
}