CSS`not`选择器有什么作用？

Question

我在css文件中看到了以下代码段。它做了什么？

h3 ~ *:not(h3) {
    margin-left: 15px;
}

显然它会以某种方式改变h3标题，但我不明白~ *:not(h3)的作用。

谷歌搜索~ *:not(h3)没有效果。

Answer 1

不是HTML。这是CSS selector。

具体来说，是negation pseudo-class：

  

否定伪类，不是（X），是一个函数符号，它将一个简单的选择器（不包括否定伪类本身）作为参数。它表示一个未被其参数表示的元素。

---

  

显然它会改变h3标题

不，它恰恰相反。它会阻止选择器匹配h3元素。

Answer 2

这是CSS，而不是HTML。有关详情，请参阅Mozilla's documentation on the CSS negation pseudo class，但not基本上会选择不与指定选择器匹配的元素（在本例中为h3）。