我正在尝试将主题 UI 用于我正在从事的新 gatsby 项目。按照theme-ui 文档中的说明进行操作后，我仍然无法使主题化正常工作。sx 道具似乎无法访问在 /src/gatsby-theme-ui/index.js 创建的主题对象。提前致谢。
这是为复制而创建的错误存储库。 https://github.com/mujeex/embsy-bug-repo
问问题
321 次
1 回答
0
我已经在本地运行了 repo，并且能够在组件中使用主题值。
在这种情况下，Header组件没有获得primary颜色，因为color: white;规则（这一行）直接针对锚元素 :) 您可以通过在浏览器的开发工具中检查元素来看到主题值被覆盖。
如果您有兴趣了解为什么会发生这种情况，可以阅读CSS specificity。
于 2020-05-11T12:46:09.837 回答