Css 多类扩展未按预期工作-以错误的顺序生成最终样式

扩展多个样式时，生成样式的顺序似乎不正确。考虑下面的情况。

以下是我的风格：

.decline {
    @extend .minus, .circle;
}

扩展样式只是将内容添加到图标的

部分之前的

这是HTML（仅供参考）：

我真正想要的是使用上面生成的列表中的第二个。但它总是选择第三个作为最终样式，而不管我尝试扩展样式的顺序如何。如果我不使用scs并在重新排列CSS样式之后手动添加CSS样式，以便在排序中第二个样式排在最后，那么我就得到了所需的样式

我这样做是否有问题，或者扩展多个类是否有问题

请注意，这与我提出的问题完全相同。没有得到任何回应，所以我想我是来寻求帮助的。
你的意思是
@extend.减号.circle@MrLister哦，你说得对！谢谢不知道为什么我从来没有试过！
<i class="decline icon"></i>

<i class="minus circle icon"></i>

i.icon.circle:before, i.icon.decline:before {
    content: "\f111";
}

i.icon.minus.circle:before, i.icon.decline:before {
    content: "\f056";
}

i.icon.minus:before, i.icon.decline:before {
    content: "\f068";
}