订购供应商特定的CSS声明

我想我现在已经写了如下一千次：

.foo {
    border-radius: 10px;         /* W3C */
    -moz-border-radius: 10px;    /* Mozilla */
    -webkit-border-radius: 10px; /* Webkit */
}

但只有现在我想到了这些的顺序是否重要？我知道-moz- *和-webkit- *之间没有关系，因为最多只有其中一个将被读取，但它是更好的(在防止未来等等)首先做W3C标准，持续？

解决方法

最好的做法是无可争议地拥有无前缀的属性：

.foo {
    -moz-border-radius: 10px;    /* Mozilla */
    -webkit-border-radius: 10px; /* Webkit */
    border-radius: 10px;         /* W3C */
}

无论是-webkit-border-radius和border-radius中的最后一个将是使用的。

-webkit-border-radius是“experimental”属性 – 实现可能包含与规范的偏差。 border-radius的实现应该与规范中的一致。

最好在可用时使用W3C实现，以帮助确保支持它的所有浏览器之间的一致性。

原文地址：https://www.jb51.cc/css/222027.html