否定伪类：not(s)-CSS-Tricks

:not(X)是CSS中的否定伪类（选择器），接受一个简单的选择器作为参数。本质上，可以使用任何其他选择器（作为参数）。:not(selector)匹配传递的参数选择器未选择的元素。传递的参数可能不包括额外的选择器或伪元素选择器。/*X参数可以用任何简单的选择器替换*/:not(X){property:value;}在这个例子中，有一个li元素的类为“different”：

CSS将选择除class为“different”的元素之外的所有li元素。/*Styleeverythingbutthe.differentclass*/li:not(.different){font-size:3em;}伪类选择器可以应用于所有简单选择器（包括元素类型选择器、泛型选择器、属性选择器、类选择器、ID选择器、伪类选择器）产生相同的效果。p:not(:nth-child(2n+1)){font-size:3em;}但是如果我们使用伪元素选择器作为参数就不会达到预期的效果。:not(::first-line){/*::first-line是一个伪元素选择器而不是一个简单的选择器*/color:white;}:not()多种用法可视化展示图:not()伪类a的优先级是其参数的优先级。:not()伪类不像其他伪类选择器那样给予选择器优先权。否定伪选择器不支持嵌套，所以:not(:not(...))是永远不允许的。开发人员需要注意伪元素不是简单的选择器，因此作为:not()伪类的参数是无效的。另外，使用属性选择器时要小心，因为某些属性选择器并未得到普遍支持。也禁止在:not()选择器下链接另一个:not()选择器。想了解更多CSS技巧，可以关注我的博客：CODECOLOR