css 合并具有相同属性的选择器的压缩器

Question

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

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

  #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

根据其描述和示例，这是最好的工具：

CSS 具有结构优化的压缩器 https://css.github.io/csso/csso.html

例如：

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

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

这看起来很聪明！！

css 合并具有相同属性的选择器的压缩器

css minifier to merge selectors with same properties

css

compression

minify