@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;
}
更多专业前端知识,请上 【猿2048】www.mk2048.com