$ 符号 被 Sass 占用
@ 符号 被 less 占用
因此CSS中采用了 --
JS:
可以看到var只是个声明变量的关键字，color才是变量名。
PHP:
Scss:
CSS在使用变量的时候用到了一个函数叫var()：
CSS:
创建个支持vue3的vite项目
进入到该文件夹
安装依赖
创建一个组件
使用中文引入变量
参考：
Vue 超好玩的新特性：在 CSS 中使用 JS 变量
css仅仅是样式表而已，没有太多的逻辑运算功能，相反，js作为完善的脚本语言完全可以操作css样式。根据你的需求，你可以使用less，他是css 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性，可动态生成css样式。
