【问题标题】:Tools to optimize (remove redundancy and merge) CSS? [closed]优化(删除冗余和合并)CSS 的工具? [关闭]
【发布时间】:2012-09-09 04:51:53
【问题描述】:

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

这是一个基本的例子:

a{color:#000}

在另一行上,a 颜色被以下内容覆盖:

a{color:#fff}

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

【问题讨论】:

  • 我编辑了标题。只是“压缩”和“缩小”与 CSS 的实际智能优化是正交的。这是一个相当有趣的问题,尽管我通常会投票关闭此类“为我寻找工具”问题..
  • CodeKit 是用于此类事情的 OS X 应用程序。不知道它是否有细节。
  • Tks pst .Tks Whymarrh,但我无法测试 CodeKit 应用,我是 Win/Linux 用户 :)
  • @LucianPovatanu 也许来自this question 的东西会有所帮助。
  • @Whymarrh tks for that link,但我要问的是一个可以清理已使用或未使用的 css 覆盖的工具,因此“未使用的 css 清洁器”不是答案。

标签: css compression minify yui-compressor


【解决方案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 定义,但这些可以很容易地手动添加。
猜你喜欢
  • 1970-01-01
  • 2011-10-25
  • 2011-05-03
  • 2013-09-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多