less 3.x 不支持 css 新特性（如 aspect-ratio、container、color-mix）是因为其解析器未定义对应语法节点，必须升级至 less 4.0+ 并同步更新构建工具链（如 less-loader≥8.0.0、vite-plugin-less≥2.0.0），否则会报错或静默丢弃。
Less 3.x 本身不支持 CSS 新特性（比如 aspect-ratio、container、color-mix()），不是因为它“漏掉了”，而是它的解析器根本没定义这些语法节点——升级编译核心是唯一解，但必须换到 Less 4.0+，且不能只改 less 包版本。
Less 3.x 遇到新 CSS 属性直接报错或静默忽略
比如写 aspect-ratio: 16/9;，Less 3.x 会把它当作一个带斜杠的值，不报错但也不做单位校验；而 container-type: inline-size; 这类声明会被整个丢弃，因为解析器不认识 container-type 这个属性名。这不是兼容性问题，是语法树层面缺失节点定义。
- 报错典型：遇到
color-mix(in srgb, red 50%, blue 50%)时抛Parsing error: expected expression - 静默失败典型：
@container (min-width: 768px) { ... }编译后整段消失，连注释都不留 - 原因：Less 3.x 的 AST 构建逻辑基于 CSS2.1 + 少量 CSS3 扩展，未接入 CSSWG 最新语法提案解析规则
只更新 less 包版本不够，还要同步检查构建工具链
Less 4.0+ 引入了新的 AST 结构和异步渲染接口，旧版构建插件调用方式不兼容。常见现象是装了 less@4.2.0，但 less-loader@7.x 仍调用 less.render() 同步方法，结果报 TypeError: less.render is not a function。
- Webpack 用户：必须升级
less-loader到^8.0.0，它才适配 Less 4.x 的renderAsync接口 - Vite 用户：确认
vite-plugin-less版本 ≥2.0.0，旧版会 fallback 到内置 Less 3.x 内核 - 命令行用户：卸载全局
lessc后重装，npm uninstall -g less && npm install -g less@latest，否则lessc --version仍显示 3.x
升级后除法、作用域、函数参数等行为会变，必须同步调整代码
Less 4.x 不是“加功能”，而是重写了语义解析规则。即使编译通过，样式输出也可能和之前不一致。
- 除法必须加括号或用
./：旧写法width: 100px / 4;现在原样输出，得改成width: (100px / 4); - 颜色函数强制单位：
lighten(@c, 10)报错，必须写lighten(@c, 10%) - 嵌套中无法隐式访问父级变量：
.card { @pad: 16px; &__header { padding: @pad; } }在 v4 中报Variable @pad is undefined，需改为&__header { @pad: 16px; padding: @pad; }或提取为顶层变量
真正容易被忽略的是：Less 4.x 对 @import 路径解析更严格，@import "mixins" 不再自动补 .less 后缀，也找不到 node_modules 下的别名路径——这和 CSS 新特性无关，但常在升级后第一个报错，让人误以为是新语法导致的。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
