为什么不是(选择器)伪类选择指定元素?

问题描述 投票:0回答:1

    :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 是指定元素,并且它意味着离开并且样式必须应用于所有其他元素?

html css css-selectors
1个回答
0
投票

现在, :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>

© www.soinside.com 2019 - 2024. All rights reserved.