CSS：对两个类何时赋予元素不同值的任何测试？

Question

这就是我的意思：

<h1 class="red blue">Lorem ipsum</h1>

在CSS中：

.red {
  color: red;
}
.blue {
  color: blue;
}

在浏览器中自行测试非常容易，但我想知道是否在各种浏览器和移动设备上都进行了现有的测试。

由于

Answer 1

这不应因浏览器而异，而是遵循CSS specificity的指导原则。在您的特定情况下，颜色将始终为蓝色，因为蓝色选择器具有与红色选择器相同的特异性级别，但稍后定义，以后定义的任何内容都胜过先前定义的相同特异性。