revert-layer 是仅在 @layer 定义的层内有效的 CSS 关键字，用于回退到当前层上一层中该属性的显式声明值；若无外层声明则等价于 unset，不作用于用户或 UA 样式，且不继承 !important 权重。
revert-layer 不是 HTML 属性，也不是通用 CSS 关键字，它只在启用 @layer 的层叠上下文中有效，且必须配合层叠层（layer）定义使用。它不能“回退到任意下一层”，只能回退到当前层所属的**上一层（enclosing layer）**中该属性的声明值——前提是那一层确实显式设置了该属性。
revert-layer 必须用在 @layer 定义的层内，不能脱离层结构单独使用
如果你没用 @layer 声明任何层，revert-layer 会静默失效（等价于 unset 或被忽略）。它不是全局重置开关，而是层叠层级间的“向上委托”机制。
-
@layer base { button { color: red; } }—— 定义基础层 -
@layer theme { button { color: revert-layer; } }—— 此时color会取base层中button的color: red - 但如果
base层没声明color，而theme层又没更外层（比如@layer defaults），那么revert-layer就无处可退，最终表现同unset
revert-layer 不会跳过用户样式或 UA 样式，只在 author layers 间回退
它的作用域严格限定在作者定义的层（@layer）之间，不涉及用户样式表（user stylesheet）或用户代理样式表（UA stylesheet）。这和 revert 的行为有本质区别：
-
revert：跳过 author 和 user，直取 UA 表中的值 -
revert-layer：只在 author 的 layer 链中向上找，找不到就 fallback 到unset - 它对
!important无效 —— 即使上一层用了!important，revert-layer也不会继承那个权重，只会取那个声明的原始值
常见错误：把 revert-layer 当作 all: revert 的替代品
两者目标完全不同：all: revert 是按层叠来源（UA → user → author）逐级回退单个属性；revert-layer 是按层定义顺序（inner layer → outer layer）回退，且仅限于同一类声明源（author layers）。
立即学习“前端免费学习笔记（深入）”；
- 误写
.widget { all: revert-layer; }→ 语法错误，all不接受revert-layer作为值 - 误以为
@layer ui { p { margin: revert-layer; } }能恢复浏览器默认的1em→ 不会，除非外层@layer reset { p { margin: 1em; } }显式写了 - 在未嵌套的层中用
revert-layer（如顶层@layer base内）→ 实际无上层可退，行为不可靠
真正要用好 revert-layer，得先规划 layer 层级，明确哪些是基线样式、哪些是主题覆盖、哪些是组件隔离层；它不是兜底方案，而是主动设计的层间协作机制。一旦 layer 结构混乱或缺失外层声明，revert-layer 就失去意义。
