在CSS中组合:not()选择器

前端之家收集整理的这篇文章主要介绍了在CSS中组合:not()选择器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试选择表中的所有tr元素,第三和第四除外。我设法通过使用:
#table tr:not(:nth-child(3)):not(:nth-child(4))

我想结合这些选择器,因为我有更多:第n个孩子的条目。这样的东西,但它没有工作:

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

这在jQuery中有效,但在CSS中却不起作用。我正在使用Chrome(而且我只需要它在那里工作)。

我没有找到这种情况下的组合选择器。如何组合选择器:不?

解决方法

选择器级别3不允许在一个:not()伪类中的任何超过单个 simple selector的任何内容。作为一个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.

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

如果您需要否定包含组合器(>,〜,space等)的选择器,例如div p),则不能在CSS中使用:not()你必须使用jQuery解决方案。

猜你在找的CSS相关文章