Less中@arguments在filter等函数里拼接失败的根本原因是编译器将CSS函数值整体视为字符串字面量，不解析其中的@{arguments}或~...表达式；它仅在Mixin体内作为参数列表变量可用，不能参与字符串拼接运算，且~...依赖JS运行时而Less编译器不执行JS。
Less中@arguments在filter等函数里拼接失败
根本原因不是@arguments失效，而是Less对函数体内的字符串插值和表达式求值有严格分层：它先解析函数调用结构，再展开@arguments，但像filter: gradient(...)这种CSS函数值会被整体当作字符串字面量处理，中间的@{arguments}或~`@{arguments}.join(",")`根本不会被识别为可执行JS表达式。
常见错误写法：.mixin(@a, @b) { filter: gradient(@{arguments}); } → 编译后输出filter: gradient(@{arguments});，原样保留，浏览器报错。
- Less 1.3.2+之后，
@arguments仅在Mixin体内作为参数列表变量可用，不能直接参与CSS属性值的字符串拼接运算 -
~`...`语法依赖JavaScript运行时，但Less编译器（非浏览器）不执行JS，只做静态文本替换；若编译环境没启用JS求值（如Node.js版Less默认关闭），~`@{arguments}.join(",")`会原样输出或报错 - 真正能生效的只有纯Less表达式：
filter: gradient(@a, @b);，或提前拼好变量：@list: "@{a}, @{b}"; filter: ~"gradient(@{list})";
@arguments与单位、颜色函数混用时报Operation on an invalid type
Less 4.x默认启用math: 2（strict模式），所有数学运算必须显式带单位或括号。当@arguments里含10px和2，直接@{arguments}拼接后参与运算（如lighten(@{arguments}, 10%)）会触发类型校验失败——因为@{arguments}展开后是字符串，不是颜色值。
- 错误示例：
.bg(@c, @l) { background: lighten(@{arguments}, @l); }→@{arguments}展开为"#fff, 20%"，不是合法颜色参数 - 正确做法：拆解参数，明确类型：
.bg(@c, @l) { background: lighten(@c, @l); }，让@c保持颜色变量身份 - 若必须动态传参，用Mixin封装而非依赖
@arguments：避免把类型不确定的参数打包传递
嵌套Mixin调用时@arguments丢失上下文
当一个Mixin内部调用另一个Mixin并转发@arguments，若被调用方Mixin定义了具名参数，@arguments不会自动映射过去——它只是原始调用时的参数数组，不感知目标Mixin的签名。
立即学习“前端免费学习笔记（深入）”；
- 例如：
.outer(@x, @y) { .inner(@{arguments}); }+.inner(@a) { color: @a; }→@{arguments}传入的是"@x, @y"字符串，.inner只取第一个参数@a，第二个被忽略 - 更糟的是，如果
.inner没定义默认值，@a未赋值，直接报Variable @a is undefined - 安全做法：显式转发，不依赖
@arguments：.outer(@x, @y) { .inner(@x); }，或用.inner(@x, @y)并确保目标Mixin支持多参
替代@arguments的稳定方案：变量拼接 + ~""插值
对需要动态生成CSS函数值的场景，放弃@arguments拼接，改用预拼接变量配合~""原样输出。这绕过Less解析限制，且兼容4.x所有math模式。
- 比如生成
box-shadow多值：@shadow-vals: "0 2px 4px rgba(0,0,0,0.1), 0 4px 8px rgba(0,0,0,0.05)"; box-shadow: ~"@{shadow-vals}"; - 动态关键帧名？不用
@arguments，用#{}插值（Less 4.0+）：@name: "fade-in"; @keyframes @{name} { ... } - 第三方类名含特殊字符？
~".@{cls}-header"比@{arguments}更可控，且不依赖参数顺序
真正难的不是怎么用@arguments，而是意识到它只适合简单参数透传——一旦涉及CSS函数、单位运算或跨Mixin调用，就得切换到变量+插值的组合策略。
