如何在 CSS 中创建全局颜色变量？答案

【问题标题】：How do I create global color variables in CSS?如何在 CSS 中创建全局颜色变量？
【发布时间】：2022-07-14 00:20:29
【问题描述】：

我有以下代码，但是，它不会改变颜色。

root: {
  --green: #00FFA3;
  --lightBlue: #5bc0eb;
  --vibrantBlue: #2D65F8;
  --black: #040C12;
  --purple: #5865F2;
  --black: #1C2023;
}

section.loader_first {
    background: var(--black);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
}

我正在尝试创建全局颜色变量。

编辑：var() 括号在编辑器中显示为红色。

【问题讨论】：

标签： html css

【解决方案1】：

root 后面不应该有 :

【讨论】：