Sass_混合

如果你的整个网站中有几处小小的样式类似（例如一致的颜色和字体），那么使用变量来统一处理这种情况是非常不错的选择。但是当你的样式变得越来越复杂，你需要大段大段的重用样式的代码，独立的变量就没办法应付这种情况了。你可以通过sass的混合实现大段样式的重用

xxxxxxxxxx
@mixin rounded-corners {
    border-radius: 5px;
}

.notice {
    background-color: green;
    border: 2px solid #00aa00;
    @include rounded-corners;
}

混合传参

混合并不一定总得生成相同的样式。可以通过在@include时给混合传参，来定制混合生成的精确样式。

并且，我们还可以指定参数默认值，当参数不传递的时候，可以使用默认值

xxxxxxxxxx
@mixin link-colors($color, $hover:blue) {
    color: $color;

    &:hover {
        color: $hover;
    }

}

.box1{
    @include link-colors(red,green);
}
.box2{
    @include link-colors(red);
}

实时效果反馈

1. Sass中，混合引入的关键字是什么：

A @import

B import

C include

D @include

答案

1=>D