CSS 子节点继承父节点(祖先节点)的样式

CSS 有些属性可以让子节点从父节点或祖先节点继承，文本、字体、列表属性等样式都可以被子节点继承。子节点没有自身的样式，子节点将继承父节点或祖先节点的样式。

<ul class="container">
<li class="child-1">child 1</li>
<li class="child-2">
child 2
<ul class="container-2">
<li class="child-a">child A</li>
<li class="child-b">child B</li>
</ul>
</li>
</ul>

设置祖先节点

ul

color

.container {
color: #7979DE;
}

子节点有自身的样式，不继承父节点的样式：

.container-2 {
color: #00B7FF;
}

页面字体大小、字体颜色都可以设置在最高级节点内（body、html），其所有后代节点都将使用祖先节点的样式，省去了每一次都要设置字体样式等。