html - 浏览器如何解决冲突的类？

Question

我知道可以在 HTML 中的一个元素上指定多个类:

<div class='one two'>Text</div>

似乎类可以作为单个字符串从 Javascript 访问。

当指定的类具有冲突的属性时会发生什么？例如

div.one {
  background-color: red; 
  color: blue;
}
div.two {
  background-color: green;
}

结果是否取决于指定类的顺序？例如，我是否可以合理地期望上面的 div 显示为蓝色文本和绿色背景，因为 two 类成为第二个评估，覆盖 background-color 属性？

Answer 1

阅读特异性:

• Simple explanation
• More in depth explanation

简答:如果两个选择器具有相同的特异性，则最后一个被声明的选择器获胜。