class(类)声明顺序

1、通过用空格分隔多个 class 属性，可以让HTML元素应用多个 class 属性，如下例子所示；

<h1 class="class1 class2">哈哈</h1>

注意：在HTML元素中列出这些 class 的顺序并不重要；

2、在样式<style>部分中的 class 声明的顺序是重要的，第二个声明将始终优先于第一个声明。

<style>

    .class1{

        color:white;

    }
    
       
    .class2{
        
        color:red;
            
    }

</style>

因为.class2是第二个声明，它将会覆盖.class1的属性。