@extend指令用于共享规则和选择器之间的关系。它可以扩展所有其他类的样式在一个类中,也可应用于自己特定的样式。

  查看如下scss@extend示例:

.style{
font-size: 30px;
font-style: italic;
} h2{
color: #787878;
@extend .style }
.container{
@extend h2
}

  编译后的css代码如下:

.style, h2, .container {
font-size: 30px;
font-style: italic;
} h2, .container {
color: #787878;
}
05-11 15:02