特定 div 下的 css 重置

Question

我知道有很多类似的问题，但其中任何一个都没有帮助。在特定的 div 中，我需要从该 div 的上层清除所有 css 格式。

例如“h2”有一个所有网站的样式都是粉红色的，它很好但是在 class="foo"h2 下需要重置黑色但是如果我想要我可以将任何其他类放在 foo div 和 h2 下红色将可用。

一般h2>粉色

<h2>I am pink</h2>

<div class="foo">
<h2>I am black</h2>
</div>

<div class="foo">
<div class="somestyle">
<h2>I am red</h2>
</div>
</div>

谢谢你的帮助

Answer 1

CSS 从父元素开始，因此从目标向上 HTML 树进行匹配 HTML 结构的声明:

.foo h2 { color:#000000 }

.foo .somestyle h2 { color:#ff0000 }