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

Question

我在HTML中具有三个级别的元素。我有类似L1> L3 {/ some css /}和L2> L3 {/ some css /}的CSS。 HTML将两个CSS都带到L3元素。我不希望L1> L3 CSS而不是删除它，有没有办法破坏继承？

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

Answer 1

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

some_property: inherit;

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

如果您不希望其继承，请设置其他值。

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

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