:not(p) {
color: #ff0000;
}
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<div>This is some text in a div element.</div>
<a href="https://www.w3schools.com" target="_blank">Link to W3Schools!</a>
1.not(选择器)用于选择不是指定元素的每个元素,因此在上面的代码中,我在两个p上都得到了红色,这是一个未选择的项目。 2. 我期望只有 div,a,h1 为红色,而不是 p,因为 p 是指定元素,并且它意味着离开并且样式必须应用于所有其他元素?
现在, :not 选择器不会那样工作,在 :not 选择器之前,您应该告诉您要从哪个父级选择。
body :not(p) 针对 HTML 文档中不是段落元素的所有元素,并对它们的文本应用红色 (#ff0000)。
body :not(p) {
color: #ff0000;
}
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<div>This is some text in a div element.</div>
<a href="https://www.w3schools.com" target="_blank">Link to W3Schools!</a>
</body>