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

我用这个来选择一个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特异性！