2010-11-30 6 views
0

私のウェブサイトのjQueryスライドギャラリーをいくつか変更しました。そして、私は.nav li a:hover{color:#00f;}をCSSに追加したいが、うまくいかなかった。私は火かき棒でそれをチェックし、CSSのルールは無視されます。 JSファイルでホバーCSSルール:js関数にa:hoverルールを追加するには?

function init(){ 
    g.find(".nav").children("li").css("margin","0").css("padding","5px"); 
    g.find(".nav").children("li").children("a").css("text-decoration","none").css("display","block"); 
} 

は、それがAを追加する必要がありますです:私はこのように、jqueryのスライドゲラのJSファイルに何かを見つけますか?それを追加するには?ありがとう。

+0

CSSルールを省略すると、別のCSSルールで上書きされます。上記のコードに含まれていないオーバーライドの場所を調べる必要があります。 –

答えて

1

あなたはそれを上書きする必要がないように、あなたはまた、プラグインのスタイルシートを変更することができ

g.find(".nav").children("li").children("a").hover(
    function() { 
     $(this).css('color', '#00f'); 
    }, 
    function() { 
     $(this).css('color', '#000'); 
    } 
); 

とJSでこれを行うことができます。

+0

@Ed 'g.find("。nav> li> a ")' –

+0

の理由だけではありません。それが元の例だったので、私はそれを使用しました。物事を行う方法は100種類あります。 – Edgar

+0

ありがとう、それは完璧に動作します。 –

1

しばらくすると混乱しますが、!importantを使用して以降のディレクティブよりもCSSディレクティブの方が優先されます。

.nav li a:hover{ color:#00f !important; } 

あなたは放火魔でオフに交差されているプロパティを言及しているので、私はこれがあなたの問題であると思います。

+1

@Frode!重要なのは、どのCSSルールを上書きしなければならないか分からないため、OPにとって有害で​​す。 –

+0

これもうまくいきます。ありがとうございました。 –

+0

@ŠimeVidas好奇心から(私が大切なのは大切なファンだからではない!重要なのは:-))、どういう意味ですか?インラインスタイルのディレクティブを設定してjQuery JSがCSSをオーバーライドする場合、CSSがオーバーライドされていないことを確認する方法は他にありますか? – Frode

関連する問題