html - 仅将 css 分配给 p 而不是特定的 p.class

Question

在我的 html 页面中有两种类型的 <p> -

• 一个是 <p class="header"> for some Paragraph in header</p>
• 和其他人只是<p>Containing some text </p>

我想要一个 color对于唯一p (应该是一些 #xxxxx )和 p.header它应该是默认颜色。

这是我的CSS:

p {
    margin-bottom:18px;
    line-height:180%;
    color:#xxxxx;
}

我想要的是，这个 css 不应该应用到 p.header它应该使用浏览器的默认样式。有没有办法只选择p不在 p.header 中？喜欢

      p:not("p.header"){ 
            margin-bottom:18px;
            line-height:180%;
            color:#xxxxx;
      }

我们也可以使用它吗，p:not(.header, .sub-title){} ？

Answer 1

 p:not(.header) { 
            margin-bottom:18px;
            line-height:180%;
            color:red;
 }

只是删除了引号和 p

fiddle here