扩展扩展另一个类的类

Question

我有这个：

.classOne {
    color: white;
}
.classTwo {
    @extend .classOne;
    font-size: 20px;
}
.classThree {
    @extend .classTwo; // problem here
    background-color: red;
}

我希望.classThree扩展.classTwo，这意味着.classOne的道具也传递给.classThree，但实际上它并没有发生。

我怎样才能做到这一点？我应该在.classThree中扩展.classOne和.classTwo吗？

Answer 1

你的scss会生成这个css代码：

.classOne, .classTwo, .classThree { // .classThree here
  color: white;
}

.classTwo, .classThree {
  font-size: 20px;
}

.classThree {
  background-color: red;
}

正如您在第1行所见，.classThree继承了.classOne的颜色属性和.classTwo的字体大小。一切都很完美！