Less参数化混合

参数化混合类型使用一个或多个参数,通过利用参数扩展了 Less 的功能 且当混合到另一块它的属性自定义 mixin 的输出。
例如,考虑一个简单的 Less 的代码片段:
.border(@width;@style;@color){ border:@width@style@color;}.myheader {.border(2px; dashed; green);}

这里我们使用参数化 mixin 作为 .border 有三个参数,即宽度,样式和颜色。使用这些参数,你可以自定义传递参数值的 mixin 输出。

下表描述说明不同类型的参数混合类型。
S.N. 类型 & 描述
1 M
ixin使用多参数


参数可以用逗号或者分号隔开。
2 命名参数
mixin 用自己的名字为参数的值,而不是位置。
3 @arguments变量
当 mixin 被调用时,@arguments 包括所有传递的参数。
4
高级参数和@rest变量

混合采用可变数量的参数使用....
5
模式匹配

通过传递参数,将其更改混合的行为。

上一篇: Less模式匹配 下一篇: Less混合作用域