访问JS文件中的css变量

我有一个

CSS

文件，它有一些变量定义

 @red: red-color
 @yello: yellow-color
 ....

---

我可以在

CSS

文件中使用此变量，但我想知道如何在

JS

文件中访问它们。

假设您使用的是本机CSS变量，而不是一些预处理器，请查看。在底部有一个名为“JavaScript中的值”的部分，它描述了如何在JS代码中访问本机CSS变量

getComputedStyle(element).getPropertyValue("--my-var");

---

但是，如果您使用的是CSS预处理器，则无法通过JS检索变量，因为它们已经在构建过程中被处理。

这些不是CSS变量，而是较少的变量（因为它们以“@”开头）

它们被编译成简单的静态属性声明，因此在运行时无法更改它们（除了寻址每个属性）

如果使用适当的CSS变量（也称为CSS自定义属性），则可以在运行时使用javascript轻松访问它们，并使用style.setProperty方法进行更改

---

但是它们没有得到广泛（足够）的支持，所以请确保包含一个fallabck。

您使用的css预处理器是什么？您不能。对不起，我猜你错过了一个链接。你忘了添加链接了吗？此外，链接式回答不是回答任何问题的好方法。请务必提供代码片段及其功能说明。