@mixin指令用于定义混入,它包括任选的变量和参数中的mixin名称后。
scss简单示例:
@mixin style {
.cont{color: #77C1EF;} } @include style;
编译后的css代码如下:
.cont {
color: #77C1EF;}
@include 指令用于包含mixin到文档中。mixin名称取自可选的参数传递给它。由mixin定义的样式可以包含到当前的规则。
scss简单示例:
@mixin style {
.cont{background-color: #77C1EF;color: #ffffff;} h3 {
color: #ffffff;} } @include style;
编译后的css代码如下:
.cont {
background-color: #77C1EF;color: #ffffff;}h3 {
color: #ffffff;}
更多专业前端知识,请上 【猿2048】www.mk2048.com