：not（）伪选择器在某些标签中无法正常工作

Question

HTML：

<p>I`m p</p>
<a>I`m a</a>
<h2>I`m h2</h2>

CSS：

:not(p){
 color:red;}

：not（）伪类应该选择HTML文档中所有不是t的元素，并给它们赋予红色，但是当我运行代码时，p也是红色，就像所有其他元素一样。

Answer 1

这里您需要为所有html元素指定颜色。由于没有为元素设置颜色，因此选择器中的颜色已设置为所有可用元素。

这里是您需要添加样式的内容：

*{
      color: black;/* the color you will want for all or p elements. */
    }

Answer 2

需要先指定<p>标签的颜色。请参阅w3schools的example。

p {
  color: black;
}

:not(p) {
  color: red;
}

<p> I am p </p>
<a href="#"> I am a </a>
<h1> I am h1 </h1>