相关疑难解决方法(0)

我知道css规则相当复杂; 但是,优化器可以通过多种方式简单地减少以下css吗？如果是这样,在rails-sass宝石中有它的选项吗？

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;
}

我知道有多余的样式,但是在不断修改样式表时会发生这种情况很多次,我想要消除死代码.

好的,我有一个带有嵌套选择器的占位符:

%block {
  .title {
    font-size:12px;
  }
}

我想扩展它并添加到.title类中:

.superblock {
  @extend %block;
  .title {
    font-weight:bold;
  }
}

我想要的答案是这样的:

.superblock .title {
  font-size: 12px;
  font-weight: bold; }

但是,我得到的答案是这样的:

.superblock .title {
  font-size: 12px; }

.superblock .title {
  font-weight: bold; }

我做错了什么,或者这是怎么回事？澄清我想合并它.如果我直接在其中.superblock添加内容并添加另一个.superblock2也扩展%block,它们合并没有任何问题.