1

この質問は優先順位に関するものです。<ul>ナビゲーションアイテムを含むがあり、スタイリングのためにネストされたタグとタグを参照するために使用する<li>IDがあります。これはすべて正常に機能しますが、JavaScriptを使用してこれらの特定のタグにクラスを追加し、リンクにカーソルを合わせたときの外観を変更しても、何も起こりません。<ul><li><a><a>

私はそれをテストしたのでコードが正しいことを知っていますが、スタイルを参照するときはIDスタイルがクラスのinよりも優先されるようです。

解決策を見つけるにはどうすればよいでしょうか。クラスを追加する前にmouseenterで既存のIDを削除し、mouseleaveでその逆を行うというアイデアがあります。より簡単な解決策はありますか?

4

2 に答える 2

2

IDスタイルはより強力ですが、リンクのスタイリング用のクラスを追加するときにも使用できます。

だから、あなたのメニューが

<ul id="main">
    <li><a href=#></a></li>
</ul>

そして、JSは要素に「ホバー」されたクラスを追加し、CSSを使用します

#main .hovered {
.. styles here
}
于 2013-02-21T16:41:58.703 に答える
-1

オーバーライドが必要な値については、cssの最後に!importantを追加してみてください。

.class { color: #fbfbfb !important; }
于 2013-02-21T16:40:42.933 に答える