css的层叠规则如下：1）style>id>class>标记；2）后声明的用过先声明的。也就是说和引用的顺序无关，我们主要是看的它的声明的先后。例如class='purple red', 它的最终的颜色是什么，我们就要取决于purple和red的声明的先后了，声明在后的就是它的最终的效果