Sass 的混合宏有一个强大的功能,可以传参,那么在 Sass 中传参主要有以下几种情形:
A) 传一个不带值的参数
在混合宏中,可以传一个不带任何值的参数,比如:
@mixin border-radius($radius) { -webkit-border-radius: $radius; border-radius: $radius; }
在混合宏"border-radius"中定义了一个不带任何值的参数"$radius"。
在调用的时候可以给这个混合宏传一个参数值:
.box { @include border-radius(3px); }
这里表示给混合宏传递了一个“border-radius”的值为“3px”,
编译出来的css
.box { -webkit-border-radius: 3px; border-radius: 3px; }