CSS 三大特性

目录

　　层叠性

　　继承性

　　优先级

层叠性

层叠性是指当一个标签被设置了多个重复样式的时候，最后一个样式就会覆盖其它所有样式。

example：div标签的背景颜色会变为红色。

<div>123</div>

<style>
    div { background-color: blue; }
    div { background-color: red; }
</style>

层叠性的原则：

　　1. 样式冲突，遵循的原则是就近原则，那个样式离结构近，就执行那个样式。（不考虑优先级的问题）

　　2. 样式不冲突，不会重叠。（比如：其中一个描述文本的大小，另一个描述背景颜色，就不会冲突。）

继承性

继承性是指：子标签没有设置样式时，会继承父标签样式。

比如：文本的字体、样式，和文字相关的会被继承，其它的不会。（注意：子标签不会继承父标签的宽度、高度、边距属性。）

example：

<div>
    <span> span 继承div </span>
</div>

<style>
    div {
        background-color: blue;
        color: red;
        font-size: 20px;
    }
</div>

优先级

优先级：！import 》行内样式style="" 》 ID选择器 》类选择器，伪类选择器 》标签选择器 》 通配符（*）》 继承 选择器权重