产生两个相同的class，这是不是冗余？

Question

%mt5 {  margin-top: 5px;}%pt5{padding-top:5px;}.btn {  @extend %mt5;  @extend %pt5;}编译后:.btn{   margin-top:5px; }.btn{padding-top:5px;}

Answer 1

你既然用了占位符，就证明不止1个元素用到，那么分别用到这2个占位符的元素肯定不同。

所以你现在看起来是冗余的样子，多个元素用到的时候就不会了。

Answer 2

后面覆盖前面原则

Answer 3

就近原则