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

你应该在css中使用!important

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

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

a {color:green}

但是

div a {color:red}

将实施

多个css样式应用于一个元素，如何强制一个样式而不是另一个元素

1 个答案: