无法覆盖 CSS ：根变量 |--原色：橙色;没有响应

Question

这是我的"根"：

:root {
--primary-color: #B92430;
}

但我不能在后续的类中覆盖它：

h1 {
--primary-color: orange;
font-family: 'New Tegomin', sans-serif;
}

h1类不响应变量。

Answer 1

尽管您已经定义(并重新定义(了变量是什么，但还没有说明它应该应用于什么属性。这里我假设您指的是color。

:root {
--primary-color: green;
}
h1.change {
--primary-color: red;
color: var(--primary-color);
}

<h1 class="change">Lorem, ipsum.</h1>