從多個類擴充套件

.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;
}