0

最初に css を使用してリンク (異なる状態) をスタイリングし、次に jquery css() 関数を使用してタグの css プロパティを変更しています。問題は、 css() 関数が a だけでなく、それが述べているすべてにも影響を与えるように見えることです。
つまり、「a」と書くと、「a」のすべての状態に対応します。そのため、a:link のようなものを書き、「a」ではなく「a:link」のみを変更する必要があります。

jqueryを使った書き方。

私がやっていることをコーディングしてください:
CSS:

#topics_nav a {
    color:#000; 
}
#topics_nav a:visited{
    color:#c00;
}
#topics_nav a:hover,a:active,a:focus{
    color:#FFF;
}

jquery: 

$("document").ready(function(e) {
    $('#topics_nav a').css('color','#300');
});

この jQuery は、すべての状態の色を に変更し#300ます。

リンク状態だけを変更したくなく、他の状態を変更したくありません。次の解決策は、ホバー（またはその他の）状態にのみ影響するメソッドを提供しますが、クラスを追加/削除する代わりに他のメソッドがあります。

いくつかの必要なクラス (のようなクラス) を定義する解決策があり、class1:hovercss を変更する代わりにクラスを変更できます。
しかし、どう:linkですか？

4

3 に答える 3

4 
#topics_nav a {
    color:#000; 
}
#topics_nav a:visited{
    color:#c00;
}
#topics_nav a:hover,a:active,a:focus{
    color:#FFF;
}
.myclass:hover {
    color: #300;
}


$("document").ready(function() {
    $('#topics_nav a').addClass('myclass');
});

これはそれを行うためのより良い方法だと思います。CSS で要素を次のようにスタイル設定します。

于 2012-05-21T09:46:23.857 に答える
0

たぶんあなたのコードが間違っているからですか？

元のコード

$('#topics_nav' a).css('color','#300');

正しいコード

$('#topics_nav a').css('color','#300');
于 2012-05-21T09:50:36.093 に答える
-1

このコードを使用してください。それはあなたを助けるかもしれません

$("document").ready(function(e) {
       $('#topics_nav a').hover(function(){
       $(this).css('color','#300');
  });
});
于 2012-05-21T09:46:18.083 に答える