如何在 CSS 中指定类的顺序？

当存在相互冲突的规则应用于给定元素时，确定实际应用哪个规则变得非常复杂。
属性被覆盖的顺序由它们在 CSS 中出现的位置决定，而不是由类在 class 属性中定义的顺序决定，即在 CSS 类末尾定义的样式将是要被覆盖的样式应用。
因此，如果两个声明具有相同的权重、来源和特殊性，则指定的后者获胜。

示例 1：此示例显示具有唯一类别的四个标签。当我们看到标签的顺序为‘basic extra’或‘extra basic’ 时，两者都遵循样式为.basic放置在样式顺序的末尾。

    Geeks
    For
    Geeks
    

    

    Geeks For Geeks    

输出：

例子：
这个例子显示了四个具有独特类的标签，但我们颠倒了定义样式的顺序。当我们看到标签的顺序为‘basic extra’或‘extra basic’ 时，两者都遵循样式，因为 .extra 放置在样式顺序的末尾。

    Geeks
    For
    Geeks
    

    

    Geeks For Geeks 

输出 ：