1 最高优先级的位置是HTML文档头部的<style>元素。
2第二优先级的位置是<style>元素中@import语句所导入的样式表。
3第三优先级的位置是<link>元素附加的样式表
4第四优先级的位置是<link>元素附加的样式表中的@import语句所导入的样式表
5第5优先级的位置是最终用户附加的样式表
有一种例外情况是最终用户样式表中的!important规则，这些规则具有最高优先级。这样用户就能够创建一些规则，覆盖初始样式表中的竞争规则
6The last one便是浏览器提供的默认样式表了~
如果在同一个位置级别上附加或导入了多个样式表，那么他们的优先级由附加的顺序决定，后面附加的样式表将覆盖前面附加的样式表。
如果竞争规则属于同一个选择器分组，具有相同数量和等级的选择器，并且具有相同的位置级别，那么代码中位置靠后的规则会覆盖前面的规则。