Html 为什么是div'；s的背景色不符合一般css规则？

我在做一个实验。。。实验有两个div，每个div有相同的两个类，但它们的位置是交换的。 根据一般的css规则，css效果只在最后一个用户定义的类上起作用

这是我的代码：

.green{
背景：绿色；
高度：20px；
}
瑞德先生{
背景：红色；
高度：20px；
}

根据W3C制定的规范，类的顺序不影响优先级。如果两个规则为同一元素定义了相同的属性，则应用最后定义的规则

在您的示例中，

background:red

位于

background:green

之后，因此

background:red

优先

---

有关更多信息，请参阅。

根据W3C设置的规范，类的顺序不影响优先级。如果两个规则为同一元素定义了相同的属性，则应用最后定义的规则

在您的示例中，

background:red

位于

background:green

之后，因此

background:red

优先

---

有关更多信息，请参阅。

最后一条css规则主要用于详细说明@Piterden的评论：last是指css文件中声明的最后一条，而不是添加到元素中的最后一个类。

class

attributes中声明的顺序并不重要。确切地说，thanx，@autrate最后一个css规则支配着@Piterden的注释：他指的是css文件中声明的最后一个，而不是添加到元素中的最后一个类。

class

属性中声明的顺序并不重要。确切地说，thanx，@autra