css属性的继承性

文本相关的属性普遍具有继承性，只需要给祖先标签设置即可在后代所有标签中生效。

• color

• font- 开头的

• list- 开头的

• text- 开头的

• line- 开头的

因为文字相关属性有继承性，所以通常会设置bodv标签的字号、颜色、行高等，这样就能当做整个网页的默认样式了

就近原则

在继承的情况下，选择器权重计算失效，而是“就近原则"

下面的代码中两个css样式都没有选中p标签这个元素。所以p标签文字的颜色从他的父亲或者祖先哪里继承得来。虽然#box1 #box2 这个选择器的权重比.box1 .box3要大。但是.box3离p标签更近。所以文字的颜色是绿色的。

    <style>
        #box1 #box2 {
            color: red;
        }
        .box1 .box3 {
            color: green;
        }
    </style>
    <div id="box1" class="box1">
        <div id="box2" class="box2">
            <div id="box3" class="box3">
                <p>我是文字</p>
            </div>
        </div>
    </div>