是否有一个脚本可以包含在我的网站上,它会自动将供应商前缀添加到 CSS 中?我只想编写标准的 CSS,这样几年后我就不必回去去掉供应商前缀了。
5 回答
刚刚发现这个,看起来很完美: http: //leaverou.github.com/prefixfree/
我不知道有什么脚本可以专门执行此操作,但我一直在用LESS而不是直接的 CSS 编写所有内容。通过这种方式,您可以将渐变之类的东西放入 mixins(有点像函数)中,然后您只需更改一小组声明。而不是对多个文件执行此操作。当然,mixins 通常会导致大量重用,而不是 jsut 用于供应商声明,而是用于很多事情(例如,我通常定义调色板和图标集以及基于 960.gs 的网格 mixin)。
在动态站点上,我通常设置为在服务器端编译和缓存。在静态站点上,我只是在部署之前直接使用 shell 脚本将 less 编译为 css。
我只写了这样一个脚本,在生产中使用并且没有依赖项:http: //imsky.github.com/cssFx/
鉴于 CSS 的级联性质,您可以包含两个样式表,其中第一个遵循官方 CSS3,第二个第一个覆盖某些设置以执行您需要的供应商特定内容以使其实际工作。然后在将来你(显然)只需删除第二个第一个样式表......
没有理由消除供应商前缀,除非您不喜欢它们给您的代码添加混乱。
至于它们为什么会出现,A List Apart http://www.alistapart.com/articles/prefix-or-posthack/上的这篇文章提供了宝贵的见解。基本上,拥有它们比没有它们更容易。
如果您的 CSS 正确级联,例如:
-webkit-border-radius: 5px;
border-radius: 5px;
然后,当 Chrome 和 Safari 删除供应商前缀时,样式会自然层叠,您不必删除任何内容(除非您担心它们添加的额外字节)。