0

我正在使用 less、postcss 和 cssnano(版本 3.7.3)。在更少的情况下,我使用从共享基类继承的类,并在需要时覆盖一些属性。我发现 cssnano 正在重新排序继承\覆盖的属性,导致样式出现意外差异。

精简后的示例 .less 如下所示:

.cell-label {
    font-size: 11px;
}
.heading-label-cell {
    .cell-label;
    color: @heading-colour;
    font-size: 13px;
}
.question-label-cell {
    .cell-label;
    color: @question-colour;
}

然后将其扩展为 css,如下所示:

.heading-label-cell {
  font-size: 11px;
  font-size: 13px;
  color:#616161;
}
.question-label-cell {
  font-size: 11px;
  color: #0073d6;
}

但是 cssnano 然后执行以下操作,重新排序了 font-size 属性:

.heading-label-cell {
    color:#616161;
    font-size:13px
}
.heading-label-cell,.question-label-cell {
    font-size:11px;
}
.question-label-cell {
    color:#0073d6
}

是否有一种不同的方式可以让我进行不会遇到此问题的继承/覆盖,或者是 cssnano 中的错误?

4

0 回答 0