CSS中class样式的优先级(或者层叠效果)是根据class在<style>或者css文件中定义的顺序比较,而不是根据class应用的顺序,定义越靠后优先级越高;如

<html>
<style>
    .class1{
        color:red;
    }
    
    .class2{
        color:blue;
    }
</style>

<p class="class1 class2">abc</p>
<p class="class2 class1">abc</p>
<html>

两个都将显示蓝色。同理,引用的css文件越靠后,里面的class的优先级越高。

相关文章: