Css着色表问题

我一直在努力制作一张彩色的桌子,其中的行数与奇数行的颜色不同.
我唯一的问题是我必须能够使用隐藏的行来执行它,因为例如,如果你隐藏第2行,那么你会看到第1行和第3行的颜色相同.

这就是我所拥有的：

tr:not([display="none"]):nth-child(even){
    background: #EFEFFF;
}
tr:not([display="none"]):nth-child(odd){
    background: #E0E0FF;
}

此代码对我不起作用,因为浏览器不会根据给定的顺序过滤：not和：nth-child.
有什么建议？

最佳答案

你可以在可见行中添加一个类,这样就可以把它写成：

tr.visible:nth-child(even) {
    background: #EFEFFF;
}
tr.visible:nth-child(odd){
    background: #E0E0FF;
}

然后使用jquery添加/删除类,因为您使行可见/不可见？

相关文章