jquery - 是否有针对不同供应商前缀的任何实用工具或脚本技术

Question

基本上，我更愿意为包含不同供应商前缀的不同样式选择标准 css 规则。出于测试目的，我会这样选择:

border-radius: 5px;
box-shadow: 0px 0px 4px 0px #fff;
transform: rotate(90deg);

稍后，为了完成，我会考虑使用这样的前缀:

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0px 0px 4px 0px #fff;
-moz-box-shadow: 0px 0px 4px 0px #fff;
-webkit-box-shadow: 0px 0px 4px 0px #fff;
trasform: rotate(90deg);
-moz-trasform: rotate(90deg);
-moz-trasform: rotate(90deg);

有很多 css 前缀，但实际上我想要的是修改我所有的样式表。如果不符合我的想法，我们可以使用 jQuery 实现吗？

Answer 1

我相信 Sublime Text 2 有一个名为 Prefixr 的插件。你只需像你想做的那样使用标准的 CSS 属性。完成后，它将启动 Web 服务以查看当前的“安全”供应商前缀是什么，并根据需要应用它们。如果您突出显示单个属性，它只会查找该属性，否则它将扫描整个样式表。