属性的覆盖，标签的覆盖，类名的覆盖，类名叠加的覆盖，书写顺序的覆盖，ID或者!important的覆盖。
最终都是CSS选择器特指度的大小产生的覆盖问题。

1.选择器的权重覆盖；
2.相同选择器的顺序覆盖；
3.行内样式>内联样式>外联样式

1. 首先看权重，权重高的样式会覆盖权重低大的样式。
   !important > #id > .class > tag > *
2. 同等权重时，css 靠后的覆盖靠前的（就近原则），只与 css 书写的顺序有关，与 class 引用的顺序无关
3. 行内样式 > 内联样式 > 外联样式

1.选择器的权重覆盖；
2.相同选择器的顺序覆盖；
3.行内样式>内联样式>外联样式