CSS中的:not伪类

使用 :not 选择与某个选择器不匹配的元素。 提供一个 简单选择器 作为 :not 的参数，所有不匹配的元素都将被选中。

第一个示例将选择所有没有 first-par 类的 p 元素：

p:not(.first-par) {
  background-color: #E4AF4C;
}

在第二个示例中，我们为所有列表项 (li) 选择 ::before 伪元素，这些列表项 (li) 位于没有 toc ID 或 in-list 类的无组织列表 (ul) 中：

ul:not(#toc, .in-list) li::before {
  /* Something stylish */
}

在第三个示例中，我们选择了 article 元素中不是跨度的所有内容：

article *:not(span) {
  color: cornsilk;
}

👉 :not 在所有现代浏览器中都受支持。