Question

当我把'＃34;绝对＆＃34; :not伪选择器中的CSS路径，除了Safari之外，几乎所有浏览器都会忽略CSS规则。这是预期的行为吗？如何在不添加类或ID的情况下定位此特定元素？

HTML：

<body>
  <header>
    <h1>This one shouldn't be red</h1>
  </header>
  <h1>This one should be red</h1>
</body>

CSS：

h1:not(body > header > h1) {
  color: red;
}

Answer 1

在最新版本的Chrome（46.0.2490.80），Firefox（41.0.2），Opera（32.0）和Safari（9.0.1）中，只有Safari支持CSS4 Negation伪类。（根据浏览器CSS-Selector CSS4-selectors.com）

在CSS3中只有一个简单的选择器允许作为参数：not。