产生两个相同的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

就近原则