不能。Less不支持将普通CSS类（如.btn）直接以.btn();形式调用，因其在AST中属样式规则节点，非函数式Mixin节点；Mixin必须显式声明为.btn() { ... }才可被调用。
Less里能不能直接用.class-name当Mixin调用？
不能。Less不支持把普通CSS类（比如.btn）当作Mixin直接调用，即写成.btn();会报错Unknown mixin。这是语法层面的限制——Less区分「声明式规则」和「可复用的Mixin」，两者必须显式定义。
为什么.btn { ... }不能被.btn();调用？
因为Less编译器在解析阶段就把.btn { ... }识别为「样式规则输出节点」，不是函数式抽象；而Mixin必须以.btn() { ... }或.btn(...) { ... }形式声明，才具备参数、作用域、嵌套调用等能力。即使类名和Mixin名相同，它们在AST中是完全不同的节点类型。
替代方案：用extend或手动提取Mixin
想复用已有类的样式逻辑，有两个实用路径：
-
用
:extend()继承样式：适合“视觉上复用+保持原类存在”，例如.my-btn:extend(.btn all) { color: red; }——注意all决定是否继承嵌套规则 -
把样式抽成Mixin再引用：把原
.btn的样式块剪出来，改写为.btn() { ... }，然后在.btn和其它地方都调用它，例如：.btn() { padding: 4px 8px; border: 1px solid #ccc; } .btn { .btn(); } .my-btn { .btn(); font-weight: bold; } -
避免踩坑：不要试图用
@import后覆盖变量来“间接复用”类；也不要依赖CSS-in-JS式运行时注入——Less是编译时处理，没运行时上下文
兼容性与维护提醒
如果项目已大量使用:extend()，要注意它生成的CSS可能冗余（重复选择器），尤其在深层嵌套时；而提取Mixin虽然干净，但要求你有权限修改原始类定义——如果那个.btn来自第三方库（如Bootstrap Less源码），就得用extend或重写Mixin并确保变量一致。最易被忽略的是：Mixin内若引用了未声明的变量（比如@primary-color），错误提示往往指向调用处而非定义处，调试时得倒着查。
立即学习“前端免费学习笔记（深入）”；
