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

【问题标题】：How to break inheritance from parent element class in CSS?如何打破CSS中父元素类的继承？
【发布时间】：2019-09-13 08:21:26
【问题描述】：

我在 HTML 中有三个级别的元素。我有像 L1 > L3 { /some css/ } 和 L2 > L3 { /some css/ } 这样的 CSS。 HTML 将 css 转换为 L3 元素。我不想要 L1 > L3 CSS 而不是删除它有没有办法打破继承？

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

【问题讨论】：

您必须覆盖第一个 L1 >L3 规则中存在的 L3 css 规则。
你能显示 HTML 吗？需要看结构
您当前的示例不会导致您描述的行为 - L1 的直接子代也不能是 L2 的直接子代。那么你能发布一个minimal reproducible example 来证明这个问题吗？

【解决方案1】：

如果一个元素具有以下属性，它将从其父级继承属性值：

some_property: inherit;

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

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

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

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

【讨论】：