
- 语言特性
- LESS - 嵌套规则
- LESS - 嵌套指令和冒泡
- LESS - 运算
- LESS - 转义
- LESS - 函数
- LESS - 命名空间和访问器
- LESS - 作用域
- LESS - 注释
- LESS - 导入
- LESS - 变量
- LESS - Extend (扩展)
- LESS - Mixin (混入)
- LESS - 参数化Mixin
- LESS - Mixin作为函数
- LESS - 向Mixin传递规则集
- LESS - 导入指令
- LESS - 导入选项
- LESS - Mixin保护
- LESS - CSS保护
- LESS - 循环
- LESS - 合并
- LESS - 父选择器
- 函数
- LESS - 杂项函数
- LESS - 字符串函数
- LESS - 列表函数
- LESS - 数学函数
- LESS - 类型函数
- LESS - 颜色定义函数
- LESS - 颜色通道函数
- LESS - 颜色运算
- LESS - 颜色混合函数
- 使用
- LESS - 命令行使用
- 在浏览器中使用LESS
- LESS - 浏览器支持
- LESS - 插件
- LESS - 程序化使用
- LESS - 在线编译器
- LESS - 图形用户界面
- LESS - 编辑器和插件
- LESS - 第三方编译器
- LESS - 框架
- LESS有用资源
- LESS - 快速指南
- LESS - 有用资源
- LESS - 讨论
LESS - 参数化Mixin
描述
参数化mixin使用一个或多个参数,通过接受参数及其属性来扩展LESS的功能,从而在混合到另一个块时自定义mixin的输出。
例如,考虑一个简单的LESS代码片段:
.border(@width; @style; @color) { border: @width @style @color; } .myheader { .border(2px; dashed; green); }
这里我们使用参数化mixin作为.border,它具有三个参数:宽度、样式和颜色。使用这些参数,您可以使用传递的参数值来自定义mixin的输出。
下表描述了不同类型的参数化mixin及其说明。
序号 | 类型和描述 |
---|---|
1 | 具有多个参数的Mixin
参数可以用逗号或分号分隔。 |
2 | 命名参数
Mixin通过使用参数名称而不是位置来提供参数值。 |
3 | @arguments变量
调用mixin时,@arguments包含所有传递的参数。 |
4 | 高级参数和@rest变量
Mixin使用...接受可变数量的参数。 |
5 | 模式匹配
通过向其传递参数来更改mixin的行为。 |
广告