我有以下 Sass 占位符,我想要扩展它。
CSS的输出如下所示:
我不明白为什么输出顺序与指定的顺序不同。我该如何更改它?
%btn
// ...button styling...
&[disabled], &.btn--disabled
color: red
.btn-primary
@extend %btn
CSS的输出如下所示:
[disabled].btn-primary, .btn--disabled.btn-primary{ color: red; }
当我想要获取以下内容时:
.btn-primary[disabled], .btn-primary.btn--disabled { color: red; }
我不明白为什么输出顺序与指定的顺序不同。我该如何更改它?