sass 创建和使用混合

示例

要创建一个mixin，请使用@mixin指令。

@mixin default-box ($color, $borderColor) {
    color: $color;
    border: 1px solid $borderColor;
    clear: both;
    display: block;
    margin: 5px 0;
    padding: 5px 10px;
}

您可以在mixin名称后面的括号内指定参数列表。切记以变量开头，$并用逗号分隔。

要在另一个选择器中使用mixin，请使用@include指令。

footer, header{ @include default-box (#ddd, #ccc); }

从混入样式将目前在使用footer，并header与值#ccc的$color变量，#ddd为$borderColor变量。