# 1.@mixin混合宏的参数 * * * * * ## 1.1 传一个`不带值`的参数 ~~~ @mixin bs($bs){ border-radius: $bs; } div{ @include bs(3px); } ~~~ ## 1.2带一个传值的参数 ~~~ @mixin bs($bs:5px){ border-radius: $bs; } .one{ @include bs; } div{ @include bs(3px); } ~~~ ## 1.3有一个特别的参数“…”。当混合宏传的参数过多之时，可以使用参数来替代 ~~~ @mixin box-shadow($shadows...){ @if length($shadows) >= 1 { box-shadow: $shadows; } @else { $s: 1 0 2px rgba(#000,.25); box-shadow: $s; } } ~~~ # 2.占位符 %placeholder * * * * * >%placeholder 声明的代码，如果不被 @extend 调用的话，不会产生任何代码 ~~~ %mt5{ margin-top: 5px; } div{ @extend %mt5; } ~~~