CSS选择偶数行和另一个条件

Question

我有一个包含几个行的表 - .childtables我想选择（使用CSS）所有偶数行没有.childtables类。

我尝试了以下

tr:not(.childtables):nth-child(even) {
    background-color: blue;
}

显然这不起作用。

我可以尝试jQuery如下

$("table tr:not(.childtables)").filter(":even")

有没有办法避免jQuery并使用普通的CSS实现这一点？

谢谢， 阿伦

Answer 1

不，没有CSS选择器允许您选择选择器的偶数匹配。你必须使用你的jQuery解决方案。

请注意，:nth-child()是1索引的，jQuery索引选择器是0索引的，因此:nth-child(even)应该与:odd对应。当然，这只是一般性陈述;你想要匹配的东西取决于你自己的结构。