自定义属性

之前我们通常是在预处理器里才可以使用变量，而现在 CSS 里也支持了变量的用法。通过自定义属性就可以在想要使用的地方引用它。

自定义属性也和普通属性一样具有级联性，申明在 :root 下的时候，在全文档范围内可用，而如果是在某个元素下申明自定义属性，则只能在它及它的子元素下才可以使用。

自定义属性必须通过--x 的格式申明，比如：--theme-color: red; 使用自定义属性的时候，需要用 var 函数。比如：

/* 定义自定义属性 */
:root {
    --theme-color: red;
}
/* 使用变量 */
h1 {
    color: var(--theme-color);
}