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

标签 css reactjs github-pages

我在 gh-pages 中遇到了 CSS 优先级问题。

我在本地主机环境和代码沙箱上进行了测试,效果很好。但仅在 gh-pages 中,css 优先级似乎没有像本地环境一样应用。

如果我在 CSS 上使用 !important 它工作正常,但我听说使用! important 不是在生产部署中使用的好选择。我该如何解决这个问题?

不知道为什么css的优先级会这样变化。

enter image description here

CodeSandbox Link

Github Pages Link

Github Code Link

最佳答案

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

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

关于css - 某些 CSS 优先级与 localhost 环境和 gh-pages 不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56963403/

相关文章:

javascript - 从应用了 'overflow: scroll/auto' 样式的 div 中删除可拖动元素?

javascript - 如何在组件内为包含图片和 URL 的 LI 项目创建 React Loop?

私有(private)存储库的 GitHub 页面

docker - GitHub页面测试构建失败,退出代码为15

javascript - 模块解析失败: Unexpected character '' (1:0) when adding ttf to my stylesheet

html - 将 box-shadow 添加到转换后的 div

html - 如何创建也根据宽高比调整大小的背景图像?

javascript - 获取在我的处理函数中存储 useSelector 的变量的访问权限

javascript - 突出显示一个元素(或字符)但实际上复制了一个不同的词

css - 使用 slate 主题覆盖 github 页面上的 CSS?