Question

我一直在使用Adobe Reflow来生成布局。但令我惊骇的是，我发现它也为相同的元素创建了一个单独的选择器，并且每个选择器都将其属性分别定义为。这导致了小文档的大量文件大小。由于它们的巨大尺寸，我无法手动合并这些选择器。我已经尝试了几个minifiyng程序，但没有一个解决了我的问题。

简而言之，需要一个可以转换的缩小器：

  #div1{ height:50px; color:'blue';}
 #div2{ height:50px; color:'blue';}

到

 #div1, #div2{ height:50px; color:'blue';}

Answer 1

只需在http://www.cssportal.com/css-optimize/上运行此代码，它就可以保留默认设置。不幸的是，我之前从未使用过此版本，也不知道它如何在大型CSS文件中使用。

希望能指出你正确的方向。

Answer 2

我最喜欢的在线压缩器是 - http://refresh-sf.com/它会为你做合并。

Answer 3

这是基于其说明和示例的最佳工具：

具有结构优化功能https://css.github.io/csso/csso.html

的CSS缩小器

例如：

var result = csso.minifyBlock('color: rgba(255, 0, 0, 1); color: #ff0000');

console.log(result.css);
// > color:red

似乎很聪明！

css minifier用于合并具有相同属性的选择器

3 个答案: