我使用较少,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中的错误?