CSS继承关系图例

CSS的继承是被包在内部的标签可以拥有外部标签的样式，通常用于整个网页的样式设置的场合。

CSS的继承允许样式不仅可以应用于某个特定的元素，还可以应用于该元素的后代，但在CSS中继承是有局限性的，有些属性是不能继承的。例如， border、 padding和margin属性，都没有继承性。

CSS的继承机制有点像树形结构里的“父子关系”，在树形结构中，如果某个元素包含另一个元素，则该元素就是被包含元素的“父”，而被包含元素就是该元素的“子”，在一个HTML文档中，各元素的包含关系如下图所示。

在上图所示的关系中，body是html的“子”，同时是ul的“父”，html是所有元素的“祖先”，li是html的“子孙”。CSS的继承机制就是基于这种“父子关系”的，应用于某个“祖先”元素的样式，同时被其“子孙”继承，应用其所有“子孙”。