CSS三大特性

层叠性：

1. 样式冲突：替换（以最后的顺序为准，覆盖前面的样式）
2. 样式不冲突：不替换

<style>
    div{
        color:red;
    }
    div{
        color:green;
    }
</style>

<div>变成绿色</div>

继承性：

子标签会继承部分（文本相关）的样式
 

优先级（权重）

！important > 行内样式 > id选择器 > class类选择器 > 标签选择器 > *

1. 权重相同，以最后的为准覆盖前面的样式
2. 权重会叠加（两个类选择器大于一个类选择器的权重）