链接扩展

.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。**