Html 如何从另一个css文件导入css根常量

我有两个css文件constants.css和main.css

在我的constants.css文件

root:{--primaryColor:red；}

在我的main.css文件

中.example{background color:var（primaryColor）；}

预期行为为中的背景色为红色。示例类，但它不起作用

我尝试了

@include'constants.css'

和

@include-url（'constants.css'）

，但没有效果

---

所以我的问题是如何从另一个css文件中包含根常量？

在constants.css中定义css变量

：根目录{
--绿色：#119955；
}

然后使用

@import./constants.css导入它

在main.css文件中。 使用你的变量

@import./constants.css'；
身体{
背景色：var（--绿色）；
}