一些css书写规范建议将浏览器私有实现的CSS3属性写在前面标准属性写在后面
如:
{
/*一些前缀私有属性*/
-webkit-border-radius:30px 10px;
border-radius:30px 10px;
}
现在一些CSS3的属性还是草案,等到成为正式标准可能会有更改。这也是浏览器为什么采用私有属性方式实现的原因。但是如果私有属性和最后的标准属性不一致就会有兼容问题
如:
之前网页有CSS
{
/*一些前缀私有属性*/
-webkit-border-radius:30px 10px; //标准之前草案的表现
border-radius:30px 10px; //无效
}
到了border-radius成为最终标准之后这个网页的CSS成了下面这样
{
/*一些前缀私有属性*/
-webkit-border-radius:30px 10px; //标准之前草案的表现
border-radius:30px 10px; //标准的表现
}
后面的覆盖了前面的,网页的表现出现了兼容问题,所以为什么建议将浏览器私有CSS3属性写在前面标准属性写在后面
相关链接:
http://www.zhihu.com/question/19757263
http://www.sitepoint.com/w3c-css-webkit-prefix-crisis/#fbid=WG_nDq5CwUM