css – SASS minifier可以删除重复样式吗?

前端之家收集整理的这篇文章主要介绍了css – SASS minifier可以删除重复样式吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道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;
}

我知道有多余的风格,但是不断修改样式表会发生很多次,我想消除死亡代码.

解决方法

我想我可能已经找到了一种方法,至少在css和sass / less模板中找到重复的样式:

开源csscss宝石http://zmoazeni.github.io/csscss/

似乎可以检测到重复,虽然我不得不在bootstrap-sass gem的css周围的猴子补丁不在与我的css资产在同一个文件夹中.

从文档中可以运行:

$csscss -v path/to/styles.css

要么

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

猜你在找的CSS相关文章