我们通常为颜色声明变量，主要在文件顶部，如下所示：

:root {
  --color-primary: #...;
}

然后，可以使用 ​​var​​ 函数重新使用这些颜色：

.btn-primary {
  background-color: var(--color-primary);
}

如果您使用的是 VS Code，则不必完全键入 ​​var(...)​​​。相反，只需键入 ​​--​​，VS Code 就会显示现有的颜色变量。

Visual Studio Code 自动完成颜色变量