css - 忽略元素包装器的 CSS

Question

假设我有两个这样的 div:

<div name="parent" style="color:blue;padding:5px">
  <div name="child" style="background:red">
    Text that ignores color:blue and padding:5px, but still obeys background:red.
  </div>
</div>

我希望名为 child 的 div 中的文本忽略所有未由 child 定义的 css。我知道我可以通过定义默认可用的每个 css 选项来做到这一点，但这对我当前的元素来说会非常庞大​​。我也不想使用 iframe。我怎样才能做到这一点？谢谢。

Answer 1

CSS 中的“C”=“级联”，表示元素从其父级继承属性。

您也许可以编写一些脚本来帮助自动执行此操作，但您确实需要覆盖父级的属性。这就是 CSS 的工作方式。

附言您应该使用 ID 和类，而不是“名称”。