0

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-，最后没有任何前缀。这个优先级有什么意义？或者这无关紧要哪一个是第一个？

4

3 回答 3

4

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

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

于 2013-10-30T11:38:24.873 回答
0

顺序无关紧要，因为选择器针对特定的浏览器。大多数人选择这种方法纯粹是因为它看起来比没有标签的方式更好。

于 2013-10-30T11:38:47.667 回答
0

由于浏览器会忽略他们不理解的 css 代码，因此顺序并不重要。浏览器将使用它理解的，而忽略其他的。

于 2013-10-30T11:39:24.017 回答