明智的默认值

SASS 使你能够省略除了要覆盖的参数之外的任何参数。让我们再看一下 default-box 的例子:

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

这里我们现在称 mixin 已经覆盖了第二个参数

footer, header{ @include default-box ($borderColor: #ccc); }

$borderColor 的价值是 #ccc,而 $color 则是 red