本地范围内的Css自定义属性不适用于Gatsbyjs

Question

使用： Gatsbyjs

问题：

尝试在以下位置声明css变量：root（效果非常好），但我尝试覆盖它们：

:root { --feature-background: red; }

:root [data-theme="gradient"] {
  --feature-background: blue;
}

<div data-theme="gradient">Hello</div>

我收到以下警告，我得到fallback颜色。

--feature-background没有被覆盖，这是我所期待的。

Custom property ignored: not scoped to the top-level :root element