css - CSS3 跨浏览器优先级背后的想法是什么？

Question

CSS3 跨浏览器优先级背后的想法是什么？

例如:

.box_scale {
  -webkit-transform: scale(0.8);  /* Chrome, Safari 3.1+ */
     -moz-transform: scale(0.8);  /* Firefox 3.5+ */
      -ms-transform: scale(0.8);  /* IE 9 */
       -o-transform: scale(0.8);  /* Opera 10.50-12.00 */
          transform: scale(0.8);  /* Firefox 16+, IE 10+, Opera 12.10+ */
}

第一个是-webkit-，第二个是-moz-，第三个是-ms-，第四个是-o- 最后没有任何前缀。这个优先级有什么意义？还是这并不重要？

Answer 1

你可以在属性名称中看到一个倒置的阶梯，从最长的(-webkit-)开始，到最短的(-o-)和无前缀的结束属性，通过缩进声明使冒号和值对齐来支持。

除此之外，前缀的顺序没有实际意义——您可以随意混合和匹配前缀的顺序，但有一个异常(exception):无前缀的属性总是排在最后，因为它是属性的标准化版本，并且您希望浏览器选择在其前缀版本上使用它，以确保您获得该属性最符合标准的行为。