如何实现HTML中CSS变量的继承与覆盖机制？

本文共计716个文字，预计阅读时间需要3分钟。

CSS 自定义属性（即 --xxx 变量）默认可继承，但继承的是定义，而不是计算结果；子元素只要没有重定义同名变量，就能用 var(--xxx) 拿到父级传递下来的值。

为什么子元素 var(--color) 报错或没生效？

常见现象是控制台没报错，但颜色没变，或者 fallback 值被用了。