供应商特定的CSS声明的顺序

小编典典

css

我想我已经写了如下几千遍：

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

但是直到现在我才考虑这些命令的顺序是否重要？我知道这之间-moz-*并-webkit-*不要紧，因为在大多数1这些将被读取的，但它是 更好的
（以适应未来发展等方面）做W3C标准第一或最后？

阅读 292

2020-05-16

共1个答案

小编典典

毫无疑问，最佳做法是最后保留未添加前缀的属性：

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

无论是上期开出-webkit-border-radius和border-radius将是已使用的一个。

-webkit-border-radius是“实验”属性-实现可能包含与规范的偏差。的实现border-radius应与规范中的实现匹配。

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

2020-05-16