链接扩展
.message
  color: white
  background: black
.message-important
  @extend .message
  font-weight: bold
.message-error
  @extend .message-important
  font-style: italic
此代码导致 .message-error 从 .message-important 延伸,这意味着它将包含 .message-important 和 .message 的代码,因为 .method-important 从 .message 延伸。这导致以下 CSS:
.message, .message-important, .message-error {
  color: white;
  background: black;
}
.message-important, .message-error {
  font-weight: bold;
}
.message-error {
  font-style: italic;
}
免责声明:确保你扩展的类只在代码中出现一次**,否则 Sass 可能会生成一些混乱,错综复杂的 CSS。**