层叠是指一系列规则，它决定如何解决CSS的冲突
层叠的规则
不同的来源
- 作者的
!important - 作者
- 用户代理(浏览器的内置样式)
行内样式
<h1 style="color: red;"></h1>
选择器优先级
- 能作为比较的有
id,class,元素选择器，通用选择器(*)和组合选择器(>、+、~)对优先级没有任何影响。 - 伪类选择器(:hover等)、属性选择器([type="input"]等)与一个类选择器的优先级一致。
- 比较顺序为
id>class>元素，只有大于就是大于，后面的东西不做比较。
源码顺序
- 就是代码出现的先后，后面的声明会覆盖前面的声明
