jquery - 多个CSS样式应用于一个元素，如何将一种样式强加于另一种样式

我有以下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样式时，它不会显示，因为浏览器以第一个样式为主。如何解决这个问题？

最佳答案

你应该在css中使用!important
喜欢.color {color:green !important;}
但是最好调用父名称，因为用父调用的元素具有更大的值
例如
a {color:green}
但是

div a {color:red}

将实施