链接扩展
.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。**