html - 如何打破CSS中父元素类的继承？

我在 HTML 中有三个级别的元素。我有像 L1 > L3 {/some css/} 和 L2 > L3 {/some css/} 这样的 CSS。 HTML 将两个 css 都带到了 L3 元素。我不想要 L1 > L3 CSS 而不是删除它有什么方法可以打破继承吗？

L1 > L3 
{ 
/some css/ 
}
L2 > L3 
{ 
/some css/ 
}

最佳答案

如果元素具有以下特性，它将从其父元素继承属性值:

some_property: inherit;

许多元素将此值作为许多属性的默认值。

如果您不希望它继承，则设置一个不同的值。

div { color: red; }
p { color: blue; }
span { color: initial }

<div>
  <p>
    2
    <span>3</span>
  </p>
</div>

关于html - 如何打破CSS中父元素类的继承？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55823231/