为什么建议将浏览器私有CSS3属性写在前面,标准属性写在后面?

一些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

http://sd.csdn.net/a/20100929/280053.html

posted @ 2012-06-06 11:20  rentj  阅读(2207)  评论(2编辑  收藏  举报