优化（删除冗余和合并）CSS 的工具？ [关闭]

Posted 2023-02-21

【中文标题】优化（删除冗余和合并）CSS 的工具？ [关闭]

【英文标题】：Tools to optimize (remove redundancy and merge) CSS? [closed]

【发布时间】：2012-09-09 04:51:53

【问题描述】：

我正在寻找一个好的 CSS 压缩、合并和优化工具。我找到了清理 CSS 的工具，但它们不会优化覆盖。

这是一个基本的例子：

acolor:#000

在另一行上，a 颜色被以下内容覆盖：

acolor:#fff

有没有人知道一个工具可以清理未使用的 CSS，它被覆盖并只保留应用的样式？

【问题讨论】：

我编辑了标题。只是“压缩”和“缩小”与 CSS 的实际智能优化是正交的。这是一个相当有趣的问题，尽管我通常会投票关闭此类“为我寻找工具”问题..

CodeKit 是用于此类事情的 OS X 应用程序。不知道它是否有细节。

Tks pst .Tks Whymarrh，但我无法测试 CodeKit 应用，我是 Win/Linux 用户 :)

@LucianPovatanu 也许来自this question 的东西会有所帮助。

@Whymarrh tks for that link，但我要问的是一个可以清理已使用或未使用的 css 覆盖的工具，因此“未使用的 css 清洁器”不是答案。

【参考方案1】：

我不太明白您所说的“清理未使用的 CSS”是什么意思，但无论如何，我会向您提供两个工具，也许其中一个可以工作（良好的霰弹枪方法 em>)。

CSS Lint 似乎指出了“重复属性”。有一个 range of articles 涵盖了它的一些功能。但是用你的两个定义进行测试，

a  color: #fff; 
a  color: #000; 

它没有做任何事情。虽然...

Code Beautifier 确实结合了两个选择器，选择了两者中的后者（即实际应用的样式）。结果：

a 
  color:#000;

【讨论】：

“合并重复属性”是我正在搜索的工具，tks @Whymarrh

我发现这个网站在搜索这类东西时也很有帮助......仅供参考：refresh-sf.com

刚刚更新了我们的 Node JS 工具：rbtech.github.io/css-purge

删除重复项的最佳结果是csscomb.com/online。它还对选择器进行了漂亮的排序。它不压缩代码。它只是无法处理@font-face 定义，但这些可以很容易地手动添加。