jquery - 应用于一个元素的多个 css 样式，如何强制一种样式优于另一种

Question

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

Answer 1

你应该!important在css中使用

喜欢.color {color:green !important;}

但最好调用父级名称，因为使用父级调用的元素具有更多价值，例如

a {color:green}

但

div a {color:red}

将实施