2

私は次のCSSスタイルを持っています:

.SkdTable tr:nth-child(even) {
    background-color: #EDE7DD;
}

私もこれを持っています：

.SelectedSkd {
    background-color:#eedf36;
}

後者はクリック イベントに適用されるため、ユーザーが行をクリックすると、選択された行になり、別の色が表示されます。

var $selectedSkd;

function SelectedLine() {
    $(".SkdTable tbody tr").mousedown(function () {
        if ($selectedSkd!= null)
            $selectedSkd.removeClass("SelectedSkd");
        $(this).addClass("SelectedSkd");
        $selectedSkd= $(this);
    });
}

これで問題なく動作しますが、異なる色に設定した行を除いて、異なる色background-colorのスタイルを追加するSelectedSkdと、ブラウザーが最初のスタイルを支配的なものとして使用するため、表示されません。これを解決するには？

4

1 に答える 1

4

!importantcssで使用する必要があります

お気に入り.color {color:green !important;}

ただし、親で呼び出された要素にはより多くの値があるため、親の名前を呼び出す方が適切です。

a {color:green}

しかし

div a {color:red}

実装されます

于 2013-07-27T02:25:43.307 に答える