订购供应商特定的CSS声明

前端之家收集整理的这篇文章主要介绍了订购供应商特定的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实现,以帮助确保支持它的所有浏览器之间的一致性。

原文链接:/css/222027.html

猜你在找的CSS相关文章