Less 没有 lookup 功能，因其是编译期预处理器，无法在运行时读取 CSS 规则属性；所谓“查找”实为变量复用或 extract() 处理手动定义的列表，而非反射式获取选择器样式。
Less 没有官方的 “Lookup” 功能，也不存在从已有 CSS 规则集中动态提取属性值的运行时机制。 这是常见误解——Less 是编译期预处理器，生成 CSS 后就不再参与样式计算；浏览器渲染时的 CSS 属性值（如 color、font-size）无法被 Less 回读或“查找”。所谓 “Lookup”，实际是开发者对变量复用、Mixin 封装或 extract() 等函数的误称。
为什么你搜不到 lookup() 或类似内置函数？
Less 官方函数列表中没有 lookup()、get-property() 或任何能反射读取已定义选择器属性的函数。CSS 本身不提供此类能力，Less 更不会突破编译模型去模拟运行时行为。
- 所有 Less 变量、Mixin、函数都在编译阶段求值，输出纯 CSS 字符串
- 浏览器中生效的最终样式（例如
.btn { color: #007bff; }）对 Less 编译器完全不可见 - 试图用 Less “查”
.header h1的font-weight值，等同于让 Word 文档在保存前读取自己将要生成的 PDF 里的字体粗细——逻辑上不成立
你真正需要的：用变量和 Mixin 实现“属性复用”
多数人想实现的“Lookup”，本质是避免硬编码重复值，比如统一管理主色、圆角尺寸、断点阈值。正确做法是提前声明、显式引用：
@primary-color: #007bff;
@border-radius-sm: 4px;
.btn {
background-color: @primary-color;
border-radius: @border-radius-sm;
}
.card {
border-radius: @border-radius-sm; // 复用同一变量，而非“查找 .btn”
}
- 变量名要有语义（
@spacing-md比@v2可维护得多） - 避免在变量中嵌套
calc()或 CSS 函数（如@gap: calc(1rem + 2px)），Less 会原样输出，无法参与运算 - 若需条件分支，用
if()+ 变量控制，而非尝试“查找”某个类的当前状态
极少数场景下可模拟“查找”：用 extract() 处理数组值
Less 提供 extract() 函数，但它只作用于**你手动定义的 List（逗号分隔的值列表）**，和 CSS 规则无关：
@colors: #000, #fff, #007bff; @main-bg: extract(@colors, 1); // → #000 @accent: extract(@colors, 3); // → #007bff
-
extract()第二个参数是 1-based 索引，不是 CSS 选择器名 - 它不能解析
.theme-dark { --bg: #111; }中的自定义属性，Less 不解析 CSS 自定义属性（--var）的值 - 如果误把选择器当参数传入，如
extract(.header, 1)，Less 会直接报错：error evaluating function `extract`: argument must be a list
真正棘手的地方在于：一旦你开始寻找“如何 lookup”，说明项目里可能已经混用了硬编码值、CSS 自定义属性、JS 动态样式——这时该做的不是找 Less 黑科技，而是收敛设计系统源头，把真实可变的值（主题色、间距阶梯、z-index 层级）明确定义为变量，并在所有地方一致引用。编译器不会帮你补救混乱的值管理。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
