不是真的..

引用自文档

它是它自己的选择器，不与类结合。在您的规则中，它只需同时满足两个选择器，因此如果:nth-child(even)表行也恰好具有.row代码> 类。

这是一个非常常见的问题，由于对:nth-child(An+B)和:nth-of-type()工作原理的误解而出现.

在第 3 级选择器中，:nth-child ()伪类对同一父级下的所有同级元素进行计数。它不只计算与选择器其余部分匹配的同级。

同样，:nth-of- type()伪类计算共享相同元素类型的兄弟元素，该元素类型引用 HTML 中的标签名称，而不是选择器的其余部分。

这也意味着，如果同一父级的所有子级都具有相同的元素类型，例如，表体的唯一子级是tr元素，或者列表元素的唯一子级是子元素是 li 元素，那么:nth-child()和:nth-of-type()将表现相同，即对于每个值An+B、:nth-child(An+B)和:nth-of-type(An+B)将匹配同一组元素。 p>

事实上，给定复合选择器中的所有简单选择器（包括伪类，例如:nth-child()和:not()）都可以工作彼此独立，而不是查看与选择器其余部分匹配的元素子集。

这也意味着每个单独的复合选择器中的简单选择器之间没有顺序概念¹，这意味着例如以下两个选择器是等效的： p>

table.myClass tr.row:nth-child(odd) table.myClass tr:nth-child(odd).row

翻译成英文，它们的意思都是：

^{（你会注意到我在这里使用了无序列表，只是为了让大家明白这一点）}

选择器级别 4 试图通过允许来纠正此限制:nth-child(An+B of S)²接受任意选择器参数 S，同样是由于复合选择器中选择器如何彼此独立地操作，如下所示由现有选择器语法决定。所以在你的情况下，它看起来像这样：

table.myClass tr:nth-child(odd of .row)

当然，作为全新规范中的全新提案，这可能要等到$('table.myClass').each(function() { // Note that, confusingly, jQuery's filter pseudos are 0-indexed // while CSS :nth-child() is 1-indexed $('tr.row:even').addClass('odd'); });

使用相应的CSS：

table.myClass tr.row.odd { ... }

//table[contains(concat(' ', @class, ' '), ' myClass ')]//tr[contains(concat(' ', @class, ' '), ' row ')][position() mod 2)=1]