在选择tr来覆盖父div上的第n个子类时,如何使用jquery addClass？

Question

我使用它来选择一个tr,当点击更改tr的颜色.

$("tr").click(function(){
    $(this).addClass("selected").siblings().removeClass("selected");
});

见小提琴http://jsfiddle.net/4sn38/3/

但是当我在父div上使用nth-child类来设置tr背景时,我的addClass没有被添加.如何与我的jquery addClass函数一起使用nth-child类？

这就是我想要做的

见小提琴http://jsfiddle.net/4sn38/

这没用

$(".list tr:nth-child(1)").addClass("selected").siblings().removeClass("selected");

这会改变颜色,但是当单击另一个时我无法删除它

$(this).css('background','blue');

我有什么想法我做错了吗？

Answer 1

javascript似乎工作得很好,问题不是更具体的CSS,因为这

.list tr:nth-child(odd) {
    background: #CCC; 
}

比这更具体:

tr.selected {
    background-color: #FFCF8B;
}

所以你必须把它改成

.list tr.selected {
    background-color: #FFCF8B;
}

小提琴

阅读更多CSS特异性!