做不到。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 定义前声明，否则作用域内不可见。
立即学习“前端免费学习笔记（深入）”；
试图 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 下唯一稳定、可预测、不踩坑的做法。
