Div的内容不受CSS影响

McS*_*der 6 css

这可能是一个相当愚蠢的问题,但我想知道......有没有办法让div的内容完全免于链接到HTML的CSS

我有这样的事情:

CSS

...
p{ background-color: pink; }
...
Run Code Online (Sandbox Code Playgroud)

HTML

<html>
   <head>
      ...
      <link href="css/styles.css" rel="stylesheet" type="text/css"/>
   </head>
   <body>
      <p>Some text</p> <!--This should have pink background-->
      <div class="immunediv">
         <p>Some more text</p> <!--This shouldn't be blue-->
      </div>
   </body>
</html>
Run Code Online (Sandbox Code Playgroud)

编辑:这只是一个例子.我想要的是里面的所有标签.immunediv对样式免疫.喜欢...

<div class="immunediv">
   <h1>Hello</h1>
   <p>This is a <b>test</b></p>
   <a href="#">And this is a link</a>
</div>
Run Code Online (Sandbox Code Playgroud)

即使b,h1,pa在CSS中设置样式,它们也不应该采用那种样式,因为它们在内部.immunedive而是获得默认样式.

小智 3

:not(.immunediv) p { background-color: pink; }
Run Code Online (Sandbox Code Playgroud)