既然要谈css的继承性，那必须要从文档树说起。

什么是文档树呢?所有的html文档都是树。文档树由html文档构成。如图一所示。通俗理解就是，文档树就好比家族树，祖先是任意相连但是在文档树上部的元素，后代是任意相连但是在文档树下部的元素，父辈是直接相连并且在该元素上部的元素，孩子是相连并且直接在该元素下部的元素，兄弟是与其他元素共享一个父辈的元素。

图1文档树

让我们再了解一下css的规则，css规则决定了web页面上的元素如何表现。具体由5个部分组成。

(1)选择器：选择受此规则影响的html页面上的元素； p{ color: red; }

(2)声明部分：由一对大括号以及其中任意内容组成的容器；p{ color: red; }

(3)声明：告诉浏览器如何去渲染页面上被选中的元素； p{ color: red; }

(4)属性：是选中的元素的样式外观；p{ color: red; }

(5)值：是你希望给属性设置的准确的样式; 那到底什么是继承性呢？p{ color: red; }

继承是特定的css属性向下传递到子孙元素。请看如下代码。

注意到em标签在p标签的内部。现在我们继续编写css的样式。

在浏览器中，文字全部变红。

CSS的继承性是什么呢?

为什么em标签的文字也会变红呢，我们并没设置css的属性。就是因为em标签继承了p标签的属性!

继承性就是为了让开发者的工作更加轻松的。不用每个标签都指定属性，这样做不仅css的文件尺寸大大增加，变得更难创建维护，还降低了下载速度。

那是不是所有的属性都可以继承呢?当然不是。因为这样的话，同样会使开发者的工作变得困难。记住，继承性是方便开发者的。通常可以继承的属性组有：文字相关的属性，列表相关的属性，还有颜色相关的属性。