@arguments不能直接用于box-shadow或margin，因其是逗号分隔的list，而CSS属性要求空格分隔；错误写法box-shadow: @arguments会编译为无效语法，须用join(" ", @arguments)转为空格分隔。
为什么@arguments不能直接塞进box-shadow或margin
@arguments 是一个编译期 list，不是空格分隔字符串。它保留原始 token，但 CSS 属性如 box-shadow、padding 等只认空格分隔的值，不认逗号分隔的 list。
常见错误写法：box-shadow: @arguments; → 编译后变成 box-shadow: 0, 2px, 4px, rgba(0,0,0,0.2);，浏览器直接忽略整条声明。
- 必须显式转换：Less 4.0+ 用
join(" ", @arguments) - 旧版 Less（extract() 手动取值，比如
padding: extract(@arguments, 1) extract(@arguments, 2); - 若参数含单位混杂（如
10和10px），join()不做类型校验，仍可能出错
什么时候该用分号传参而不是逗号
逗号在 Less 中有双重身份：既是 mixin 参数分隔符，又是 CSS 值内部分隔符（如 font-family: "Arial", sans-serif）。仅靠逗号无法区分“传 2 个参数”和“传 1 个含逗号的字体列表”。
只要调用或定义中出现至少一个分号，Less 就切换为“分号分隔模式”，此时所有逗号都属于某个参数内部值。
立即学习“前端免费学习笔记（深入）”；
- ✅ 安全写法：
.shadow(0; 2px; 4px; rgba(0,0,0,0.2))→ 4 个独立参数 - ✅ 含内部逗号的参数：
.font("Helvetica Neue", Arial, sans-serif; bold)→ 第 1 个参数是字体列表，第 2 个是字重 - ❌ 危险写法：
.shadow(0, 2px, 4px, rgba(0,0,0,0.2))→ 可能被误判为单参数或报错
用@arguments做代理转发时的三个限制
@arguments 适合封装第三方 mixin 或做简单透传，但不是万能胶。它绕过参数语义，也绕过类型检查。
- 不保留单位信息：
isunit(extract(@arguments, 1), px)才能判断第一个参数是否带px，isunit(@arguments, px)永远返回 false - 不做算术运算：
@arguments * 2报错，因为 list 不支持乘法；必须先extract()出数值再运算 - 无法跳过参数：
.pad(10px; ; 30px)不合法 —— Less 不允许空位，必须显式传~""或默认值占位
比@arguments更可控的替代方案
明确命名参数 + 默认值，比依赖 @arguments 更易维护、调试和复用。
- 优先写成：
.shadow(@x: 0, @y: 0, @blur: 0, @spread: 0, @color: rgba(0,0,0,0.2)) { box-shadow: @x @y @blur @spread @color; } - 需要部分配置？用重载：
.pad(@a) { padding: @a; }+.pad(@a; @b) { padding: @a @b; } - 真要动态字段？收拢成 map：
@config: { x: 0, y: 2px, color: #333 }; .shadow(@config);，再用map-get()提取
真正容易被忽略的点是：@arguments 越“省事”，越容易在单位、颜色、空值上翻车；而显式命名参数哪怕多写几行，编译时报错位置和原因都清晰得多。
