在由nth-child创建后改变CSS？

Question

我有一个由nth-class生成的交替颜色行的表。我希望能够通过更改其类来单击它们来更改背景颜色。这可以在没有nth-child的情况下工作，但我需要让它们具有替代颜色。这会更改字体颜色，但不会覆盖第n个子背景颜色。

行CSS：

#messageLogTable tr:nth-child(odd):not([class=highlightNewInfoRow]):not([class=tableHeader]):not([class=clickedRow]) {
background-color:#DEDDCD;
}
#messageLogTable tr:nth-child(even):not([class=highlightNewInfoRow]):not([class=clickedRow]) {
background-color:#D0CFB9;
}

我尝试用jQuery改变它：

$('#'+entryId).removeClass('highlightClickableRow');
$('#'+entryId).addClass('clickedRow');

.clickedRow CSS：

.clickedRow {
background-color:#446121;
color:white;
cursor:pointer;
}

Answer 1

jQuery API文档几乎包含http://api.jquery.com/even-selector/上的这个确切示例。

Answer 2

我明白了。我将我添加的类的CSS更改为背景：-webkit-linear-gradient，不会改变颜色。它工作正常。