某些CSS优先级与localhost环境和gh-pages

Question

我在gh页的CSS优先级问题中遇到了一些问题。

我在localhost环境和代码沙箱上进行了测试，并且效果很好。但是仅在gh页中，似乎css优先级的应用与本地环境不同。

如果我在CSS上使用！important可以正常工作，但我听说可以使用！重要的不是在生产部署中使用的好选择。我该如何解决这个问题？

我不知道为什么CSS的优先级会像这样改变。

CodeSandbox Link

Github Pages Link

Github Code Link

Answer 1

检查样式表的加载顺序。最后声明的样式将获胜。

如果这不是问题，您可以尝试为选择器添加特异性，例如代替.Post div.Post。这可能无法很好地扩展，因为您最终必须为与ghpages冲突的所有内容添加特异性，如果您需要在某个时候覆盖自己的样式，这也可能会带来问题。