css - SASS 缩小器可以删除重复的样式吗？

Question

我知道 css 规则相当复杂。但是，优化器不能以多种方式简单地减少以下 css 吗？如果是这样，在 rails-sass gem 中是否有一个选项？

span {
    background: red;
    color: green;
}

.test2 {
    background: red;
    color: green;
}

span {
    background: green;
    color: inherit;
}

.test2 {
    background: inherit !important;
    color: inherit;
    color: inherit;
    color: inherit;
}

附加背景：

为了帮助澄清，我还将提出以下建议......

资源：

span {
    background: red;
}
span {
    background: orange;
    color: green;
}
span {
    background: yellow;
}
span {
    background: blue;
    color: green;
}

而且，我希望编译器生成以下内容：

span {
    background: blue;
    color: green;
}

我知道有多余的样式，但是在不断修改样式表时会发生很多次，我想消除死代码。

Answer 1

我认为我可能已经找到了一种方法，至少可以在 css 和 sass/less 模板中找到重复的样式：

开源csscss gem http://zmoazeni.github.io/csscss/

它似乎能够检测到重复项，尽管我不得不在 bootstrap-sass gem 的 css 与我的 css 资产不在同一个文件夹中进行修补。

从文档中，您可以运行：

$ csscss -v path/to/styles.css

或者

$ csscss -v path/to/styles.css.scss

Answer 2

Not that I know of, SASS will only format your code differently but not optimize it for you http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#output_style

Expanding on Whymarrh's comment, CSSTidy has a command line utility that could be integrated in a build process or similar, http://packages.ubuntu.com/hardy/csstidy