CSS属性没有被继承？

Question

我有以下代码：

<div style='width:50%;background:yellow;margin:0 auto;padding:20px;font-family:Calibri;'>
    Parent div
    <div style='background:lime;'>
      Child div
    </div>
</div>

此处样式font-family:Calibri;是在child-div中自动继承，而其他样式仍为 遗留 （不继承）。

这是DEMO。

DEMO after defining same padding for child-div

如您所见，结果 NOT 相同。

为什么会这样？是否有任何继承的特定样式？如果是这样，他们是什么？

Answer 1

某些属性是继承的，有些属性不是。

• width。继承：否
• background。继承：否
• margin。继承：否
• padding。继承：否
• font-family。继承：是

如果您希望某个元素从其父元素继承非可继承属性的值，则可以使用inherit value。

---

我建议阅读规范的Inheritance部分：

  

如上所述，某些值由文档树中元素的子元素继承。每个属性定义它是否是继承的。

     

当继承发生时，元素继承计算值。来自父元素的计算值变为指定值和子元素上的计算值。

     

每个属性也可以具有“继承”的级联值，这意味着，对于给定元素，该属性采用与元素父级的属性相同的指定值。继承＆＃39; value可用于强制继承值，也可用于通常不继承的属性。