css3中的 not

CSS3中的not是一个非常有用的选择器，它允许我们选择所有不匹配给定选择器的元素。这个选择器的语法很简单，只需在选择器之前添加":not"关键字然后加上要排除的子选择器。

/*如果我们想选中所有的p元素，除了类为.important的p元素*/
p:not(.important){
  color: red;
}

/*如果我们想选中所有的div元素，除了类为.hide的div元素*/
div:not(.hide){
  show: hidden;
}

not选择器也允许嵌套使用，这意味着我们可以选择要排除的元素的子元素。例如，我们可以选择除了id为header的div元素内部的所有p元素：

/*选中所有不在id为header的div元素内的p元素*/
div:not(#header) p {
  color: green;
}

最后，需要注意的是，not选择器只影响选择器的第一个匹配项。因此，如果您选择不匹配某个子选择器的元素，而该元素有其他匹配子元素，则仍然会选择此元素。