1

私は頭を悩ませるこのjqueryの問題を抱えています。各リスト項目に addClass を追加したい。リスト アイテムの幅と高さは増加しますが、背景と色は変わりません。なんで？ありがとうございました。

Jクエリ:

<script>
    $(document).ready(function(){
        $(".userarea_nav li").each(function(){
        $(this).addClass("selected");
        });
    });
</script>

CSS:

.selected{
    background: blue;
    color: yellow;
    height: 200px;
    width: 100px;
}
4

3 に答える 3

2

li の CSS 背景が既にある場合は、!important を試してください。

.selected{
    background: blue !important;
    color: yellow;
    height: 200px;
    width: 100px;
}

重要でないデモ

重要なデモ

于 2013-09-09T12:23:44.700 に答える
1

これを試して

CSS

.selected{
    background-color: Green!important;
    color: Yellow!important;
    height: 200px;
    width: 100px;
}

JS

$(document).ready(function(){
    $("userarea_nav li").each(function(){
    $(this).addClass("selected");
    });
});

デモ

于 2013-09-09T12:27:55.330 に答える
1

Firefox を使用すると、Firebug 拡張機能 ( http://getfirebug.com/ ) を使用して DOM と css を検査できます。Chrome と IExplorer 8+ を使用すると、組み込みの検査ツールを使用できます。

「選択した」リスト項目に実際に適用されている CSS ルールを確認できます。

リスト アイテムに優先度の高い CSS ルールがあるかどうかを確認します。

ルールの優先度は、次の方法で決定できます。

  • ルールの位置 (2 つの同等の優先度ルールの間で、最後のルールが適用されます)
  • !important 修飾子: 優先度を上げる
  • セレクター: より具体的なセレクターであり、高いほど優先度が高くなります
于 2013-09-09T12:29:11.887 に答える