从多个类扩展

.message
  color: white

.important
  background-color: red

.message-important
  @extend .message, .important

在上面的代码中,@extend 在一行中用于向 .message-important 添加多个类的代码,但是,每行可以使用一个扩展,如下所示:

.message-important
    @extend .message
    @extend .important

这些方法中的任何一个都将生成以下 CSS:

.message, .message-important {
  color: white;
}

.important, .message-important {
  background-color: red;
}