Css着色表问题

前端之家收集整理的这篇文章主要介绍了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添加/删除类,因为您使行可见/不可见?

猜你在找的CSS相关文章