CSS var() 函数

CSS 的 var() 函数不仅可以获得 :root 里定义的变量，还可以从自身或者父级的 style 里面获取变量，例如

<div style="--color: gray;">
  <div style="--border: 10px;" class="example">看看我的边框</div>
</div>

.example {
  border: var(--border) solid var(--color);
}

以上代码会获得一个宽度为 10px 的灰色边框