我们通常为颜色声明变量,主要在文件顶部,如下所示:
:root {
--color-primary: #...;
}
然后,可以使用 var
函数重新使用这些颜色:
.btn-primary {
background-color: var(--color-primary);
}
如果您使用的是 VS Code,则不必完全键入 var(...)
。相反,只需键入 --
,VS Code 就会显示现有的颜色变量。
![](https://i-blog.csdnimg.cn/blog_migrate/91ff034dc52c191be7405a2cedb8c7b5.png)
Visual Studio Code 自动完成颜色变量