你知道一个在线CSS压缩器有助于删除减少/无效的CSS声明并用更优化的CSS替换它吗?
意思是,我知道存在很多“压缩器”,只需删除标签,删除评论等。
但我正在寻找的东西足够聪明,可以知道:
border-top: 1px solid red;
border-bottom: 1px solid red;
border-right: 1px solid red;
border-left: 1px solid red;
与效率更高相同:
border: 1px solid red;
更新: 我正在尝试优化的CSS位于以下链接
答案 0 :(得分:8)
请this做什么?它尽可能地美化,缩小,合并和简化规则,并且具有高度可配置性。
答案 1 :(得分:0)
Clean CSS是我之前尝试过的。
但是,对于合并规则的示例,我强烈建议您手动执行此操作,因为在某些情况下,任何自动工具都会弄乱某些内容或者无法捕获优化。
如果你有,例如:
border-top: 3px solid red;
border-bottom: 3px solid red;
border-right: 1px solid red;
border-left: 1px solid red;
优化此方法的最佳方法是:
border-width: 3px 1px;
border-style: solid;
border-color: red;
但优化者可能无法理解这一点。
修改强>
尝试上面的例子,Clean CSS没有切掉芥末。但是,FlumpCakes Optimizer更好。它捕获了你的例子,但不是我的高级例子。
答案 2 :(得分:0)
它还可以控制您希望压缩代码的数量。