css - 是否有理由在 css 中交叉供应商前缀？

Question

我正在查看 Google 追踪圣诞老人的代码，我对他们处理供应商前缀的方式有疑问。例如在关键帧声明中:

@-webkit-keyframes fly {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        -moz-transform: translateY(0) translateX(0);
        -ms-transform: translateY(0) translateX(0);
        -o-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
        -webkit-transform: translateZ(0) translateY(0) translateX(0);
        -moz-transform: translateZ(0) translateY(0) translateX(0);
        -ms-transform: translateZ(0) translateY(0) translateX(0);
        -o-transform: translateZ(0) translateY(0) translateX(0);
        transform: translateZ(0) translateY(0) translateX(0);
    }
    ...
}

除第一行以外的所有内容 -webkit-transform: translateY(0) translateX(0);
是无法访问，对吧？浪费代码？还是有理由交叉供应商前缀？例如，IE 是否有可能访问该代码(并被它混淆)？

也许只是为了 @keyframes fly { ... }？ (假设将来会有更多的浏览器支持它。但是话又说回来，如果它们支持无前缀的@keyframes，我认为它们也可能会支持transform.. (?))

无论如何，我认为追踪圣诞老人会给 CSS 带来巨大的飞跃。我将把它展示给那些说 CSS 编程不是真的东西的人。 :)

Answer 1

可能只是程序员的习惯总是列出所有特定于供应商的属性形式，他在这种情况下这样做了，即使这并不是真正需要的。

它还使代码更适合 future 。如果他向 block 中添加额外的特定于供应商的选择器，则他不必记得添加相应的特定于供应商的属性。