做不到。Less 3.x 的 mixin 是编译时模板插入机制，不保留属性名-值映射等元数据；需提取值时应分离定义为变量（如@button-color），再由 mixin 引用，而非试图从 mixin 本身解析。

Less 3.x 不支持从混合（mixin）中提取单个 CSS 属性值

直接回答：做不到。Less 的 .mixin() 是编译时的代码复用机制，不是运行时可查询的对象；它不生成可反射、可解构的中间表示，更不会暴露“属性名→值”的映射供外部读取。

常见误解是把 mixin 当成 CSS-in-JS 里的 style 对象，但 Less 混合本质上只是模板文本插入——.btn() { color: blue; padding: 8px; } 编译后就消失，只留下展开后的 CSS 规则，没有元数据残留。

替代方案：用变量 + mixin 组合模拟“可提取”行为

如果你需要在多处复用某组值（比如按钮主色、边框宽），正确做法是分离变量与样式逻辑：

• 把可提取的值定义为 @button-color、@button-padding 等变量
• 再用 mixin 封装使用这些变量的规则块：.btn() { color: @button-color; padding: @button-padding; }
• 需要“提取”时，直接引用变量：background-color: lighten(@button-color, 10%);

这样既保持复用性，又保留了值的可访问性。注意变量必须在 mixin 定义前声明，否则作用域内不可见。

CSS

CSS 官方网站入口。访问 W3C 的 CSS 页面，查看 CSS 标准、学习资料与工作组动态；CSS 是 Web 标准，无需下载安装。

下载

试图 hack mixin 提取会遇到什么问题

有人尝试用 extract() 函数、或嵌套 selector + & 拼接伪类来“捕获”输出，但这些在 Less 3.x 中全部无效：

• extract() 只能操作 list，不能解析 mixin 输出的 CSS 块
• 无法在编译期获取 mixin 展开后的具体属性列表（没有 AST 暴露接口）
• 即使借助 JavaScript 插件，Less 3.x 的插件 API 也不提供对 mixin 内部结构的访问权限
• CSS 自定义属性（--color）虽可 runtime 读取，但 Less 编译阶段无法反向推导其值来源

如果真有动态提取需求，该转向哪里

Less 本身定位就是静态预处理器，不处理“样式值查询”这类动态场景。此时应考虑：

• 前端 JS 层用 getComputedStyle() 读取已渲染元素的实际计算值（但这是 runtime，非编译期）
• 迁移到支持样式对象的方案，如 styled-components 的 props.theme 或 Tailwind 的 theme() 函数（后者可在 Less 外部通过 PostCSS 插件模拟，但已脱离 Less 本体）
• 用 JSON 配置 + 自定义构建脚本生成变量文件，让 Less 和 JS 共享同一份源值

关键点在于：别在 Less 混合里埋值，把可变部分提前抽成变量——这是 Less 3.x 下唯一稳定、可预测、不踩坑的做法。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！