元素上的 css 类的顺序很重要吗？ [复制]

Question

在 HTML 元素上使用 class 属性添加的类名的顺序是否重要？

假设我有两个元素，例如：

<div class="class1 class2"></div>
<div class="class2 class1"></div>

我们的类定义如下：

.class1 {
   color:#fff;
   ....
}
.class2{
   color:#333;
   ....
}

这里的类顺序有什么作用？两个 div 哪个颜色获胜？谢谢。

Answer 1

只有 CSS 中规则的顺序很重要。

在您的情况下，CSS 的工作方式如下：

1. 将color:#fff; 应用于所有.class1 元素
2. 然后：将color:#333; 应用于所有.class2 元素

所以divs 都会有color:#333;。