提出问题
下面代码：
css：
<style type="text/css">
.c1 {color:blue;}
.c2 {color:green;}
</style>
html：
<h1 class="c1 c2">class先c1，再c2</h1>
<h1 class="c2 c1">class先c2，再c1</h1>
执行结果：为什么都显示的为 绿色
CSS优先级
CSS优先级 与 class="c1 c2" 属性中样式的顺序无关
与 c1、c2 的 定义顺序有关，定义在后面的优先级高
让文字显示为蓝色
css：
<style type="text/css">
.c2 {color:green;}
/* 蓝色定义在后面，优先级高 */
.c1 {color:blue;}
</style>
html：
<h1 class="c1 c2">class先c1，再c2</h1>
<h1 class="c2 c1">class先c2，再c1</h1>
执行结果：都显示的为蓝色
参考：
https://blog.csdn.net/qq_38719039/article/details/81511153