一个消除CSS中供应商前缀的脚本

Question

是否有一个脚本可以包含在我的网站上，它会自动将供应商前缀输入CSS？我想编写标准的CSS，所以几年后我就不必再退回并删除供应商的前缀。

Answer 1

刚刚发现，看起来很完美：http://leaverou.github.com/prefixfree/

Answer 2

我不知道有一个脚本专门执行此操作，但我一直在LESS而不是直接CSS编写所有内容。通过这种方式，您可以将渐变之类的东西放在mixins中（有点像函数），然后您只需要更改一小组声明。而不是在多个文件上进行。当然，mixins通常导致大量重用而不是jsut供应商声明但是对于很多事情（例如我通常定义调色板和图标集以及基于960.gs的网格混合）。

在动态网站上，我经常设置在服务器端编译并缓存。在静态站点上，我只是使用shell脚本在部署之前直接将less编译为css。

Answer 3

我写了这样一个脚本，用于生产而没有依赖：http://imsky.github.com/cssFx/

Answer 4

考虑到CSS的级联性质，你可以包括两个样式表，第一个 第二个，它们遵循官方CSS3，第二个 首先其中一个覆盖某些设置，以完成实际工作所需的供应商特定内容。然后将来（显然）只需删除第二个 第一个样式表......

Answer 5

除非您不喜欢为代码添加混乱，否则没有理由消除供应商前缀。

至于为什么他们首先出现在这里，A List Apart http://www.alistapart.com/articles/prefix-or-posthack/的这篇文章提供了有价值的见解。基本上，拥有它们更容易，然后就不拥有它们。

如果您的CSS级联如下：

-webkit-border-radius: 5px;
        border-radius: 5px;

然后，当Chrome和Safari删除供应商前缀时，样式会自然级联，您不必删除任何内容（除非您担心他们添加的额外字节）。