cssnano正在重新排序被覆盖的属性

时间:2016-08-05 08:51:32

标签: css less postcss

我使用较少,postcss和cssnano(版本3.7.3)。更少,我使用的是继承自共享库的类,并在需要时覆盖一些属性。我发现cssnano正在重新排序继承的\ overridden属性,导致样式出现意想不到的差异。

一个精简的例子.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中的错误?

0 个答案:

没有答案