css - 合并 :not() selectors in CSS

Question

我正在尝试选择 table 中的所有 tr 元素，第三个和第四个元素除外。我设法通过使用这样做:

#table tr:not(:nth-child(3)):not(:nth-child(4))

我想组合这些选择器，因为我还有一些 :nth-child 条目。像这样的东西，但它没有用:

#table tr:not(:nth-child(3), :nth-child(4))

这确实在 jQuery 中有效，但在 CSS 中无效。我正在使用 Chrome(我只需要它在那里工作)。

我没能找到适合这种情况的组合选择器。如何将选择器与 :not 结合使用？

Answer 1

选择器级别 3 不允许超过单个 simple selector 的任何内容在 :not() 伪类中。作为 jQuery 选择器，它之所以有效是因为 jQuery 扩展了它的 :not() 功能以允许任何选择器(比如 .not() 方法) .

但是，您的第二种语法是建议的语法之一 enhancements to :not() in Selectors 4 ，并且与您的第一个等效。尽管该示例(在撰写本文时显示)显示了一个 :not() 选择器链，但该提案说:

The negation pseudo-class, :not(X), is a functional notation taking a selector list as an argument. It represents an element that is not represented by its argument.

这里的选择器列表只是一个逗号分隔的选择器列表。

如果需要取反包含组合符(>、+、~、空格等的选择器，例如div p), 你不能在CSS中使用:not();您必须使用 jQuery 解决方案。