优化CSS编译器

Question

我希望您能对我的CSS样式进行实际优化/编译（不仅仅是压缩），类似于Google Closure Compiler对JavaScript的工作方式。

例如，如果我整个样式表只有：

div#hello { 
    color: #FFF;
    background-color: #000;
}

div#hello p {
    color: #FFF;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 10px;
    font-family: Helvetica, Arial, sans-serif;
}

a {
    color: #FFF;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 10px;
    font-family: Helvetica, Arial, sans-serif;
}

那可以通过优化将其简化为以下代码（为了易读性我保留了空格，但实际使用时应该去掉）：

#hello {
    color: #FFF;
    background: #000
}

#hello p, a {
    color: #FFF;
    margin: 10px;
    font-family: Helvetica, Arial, sans-serif
}

- Aaron Yodaiken

Answer 1

看起来你想要使用CSSTidy：http://csstidy.sourceforge.net/

- John Rasch

---

您会如何将其与http://iceyboard.no-ip.org/projects/css_compressor进行比较？ - Aaron Yodaiken

Answer 2

这似乎是您正在寻找的内容：

http://iceyboard.no-ip.org/projects/css_compressor

这里是几个其他方案的比较：

http://www.bloggingpro.com/archives/2006/08/17/css-optimization/

- Joel

---

你会如何将其与CSSTidy进行比较？ - Aaron Yodaiken

我给你发的第二个链接说，Icey比基于Tidy的CleanCSS更好。但那是5年前的事情了，现在可能已经有所改变。Icey只是一个网页，而Tidy似乎是一个小型下载。为什么不试试两者，看看哪个可以更好地压缩你的代码呢？如果压缩是一个主要问题，你可以同时使用两者。 - Joel