复杂的混合宏: 上面是一个简单的定义混合宏的方法,当然, Sass 中的混合宏还提供更为复杂的,你可以在大括号里面写上带有逻辑关系,帮助更好的做你想做的事情,如: $shadow... 表示要传入的参数个数很多 所以这样来显示 长度>=1 就是传参数的话就用自己传的。 else如果没有传,那就用默认的 $shadow:0 0 4px rgba(0,0,0,.3); @mixin box-shadow($shadow...) { @if length($shadow) >= 1 { @include prefixer(box-shadow, $shadow); } @else{ $shadow:0 0 4px rgba(0,0,0,.3); @include prefixer(box-shadow, $shadow); } }
在一个按钮中要调用定义好的混合宏“border-radius”,可以这样使用: button { @include border-radius; }