css - 从某些行中删除斑马条纹

Question

我有一张 table ，我目前正在对行进行斑马条纹处理，偶数行和奇数行效果很好。我的问题是我还有一个类用于指示具有不同颜色样式的新行。似乎这个新类被斑马条纹 CSS 覆盖了，有没有办法解决这个问题？感谢任何提示或建议，谢谢。

这里有一些控制这个表格的 CSS

   #table tbody tr:nth-child(odd){
    background-color: #cccccc; color:black;
     }
   #table tbody tr:nth-child(even){
   background: #EBEBEB; color: #7D7D7D;
    }
   #table tbody tr:nth-child(2n+1):hover{
        cursor:pointer;
        /* add gradient */
        background-color: #808080;
        background: -webkit-gradient(linear, left top, left bottom, from(#909090), to(#606060));
        background: -moz-linear-gradient(top, #909090, #606060);
        color: #dadada;
        font-weight: ;
    }
  #table tbody tr:nth-child(2n):hover{
        cursor:pointer;
        /* add gradient */
        background-color: #808080;
        background: -webkit-gradient(linear, left top, left bottom, from(#909090),        to(#606060));
        background: -moz-linear-gradient(top, #909090, #606060);
        color: #dadada;

    }
  .new {
    background-color: #760086;
    color:white;
       }

Answer 1

如果您将斑马线行的 CSS 放在新创建元素的代码之前，那么它应该没问题:

p:nth-child(2n+1){
    /*blah*/
}
p:nth-child(2n){
    /*blah*/
}
p.new{
    /*blah*/
}

现场演示:http://jsfiddle.net/DerekL/ZFcKs/