Html 用全局变量覆盖局部css变量

是否可以用全局变量覆盖本地CSS变量？ 正如我们所知，反之亦然总是可能的。如果有类似

的事情，有人能帮忙吗！重要信息

覆盖局部变量

以下面的示例为例，希望

红色

的优先级高于

蓝色

：根目录{
--原色：红色！重要；/*像这样*/
}
身体{
颜色：var（--原色）；
边框：2px实心变量（--primarycolor）；
填充物：5px；
}
div{
--primarycolor:blue；/*要覆盖此选项吗*/
颜色：var（--原色）；
边框：2px实心变量（--primarycolor）；
填充物：5px；
}

检查所有边框颜色-我在身体中
我在div

而不是

：root

使用

*

。它不是全局变量，但仍然声明为全局变量，将应用于所有元素（而不是由所有元素继承）

*{
--原色：红色！重要；/*像这样*/
}
身体{
颜色：var（--原色）；
边框：2px实心变量（--primarycolor）；
填充物：5px；
}
div{
--primarycolor:blue；/*要覆盖此选项吗*/
颜色：var（--原色）；
边框：2px实心变量（--primarycolor）；
填充物：5px；
}

检查所有边框颜色-我在身体中
据我所知，CSS中没有这样的功能。相反，您可以使用回退值
var（--原色，蓝色）。请参见不要定义局部变量then@TemaniAfif实际上，我用JS动态地更新了全局变量。谢谢，我没提过。@JyothiBabuAraja检查一下：