我的CSS在本地主机上运行良好，但是当我在线发布应用程序时会中断吗？

Question

此处为实时页面：

https://horizon-coding.herokuapp.com/portfolio/pizza

我的建议：

• 我在NextJS中使用自定义服务器，也许会影响结果？
• 请提供其他提示，您认为我的CSS规则的顺序可以在这里起作用吗？因为我的样式表在本地的规则与在线的规则不同。因此，有些规则可能会被覆盖。 通过order of CSS规则，我谈论的是简单的特定规则.divA{establish some rules here at a specific position in the stylesheet, top of stylesheet or bottom of stylesheet}
之上的规则范围font.. margin.. etc.
• 它可以是webpack，是开发环境和发行环境之间的替代。

事实是，我在开发模式和生产模式之间什么都不做，只是运行yarn build =>导致下一个构建。因此，所有过程都是自动化的。那么，为什么它可以在本地工作并在构建后会中断呢？ 我已经比较了两个样式表相对于导航侧边栏的特定顺序，它们在生产中用蓝色字体中断测试中，结果如下：内容100％匹配

这里有两个快照，说明了本地模式和分发模式之间的差异。

本地模式：

内置-生产-模式：

我已经用NextJS和ReactJS建立了一个网站。当我在localhost上工作时，CSS会附加良好的代码或开发模式的代码都能很好地适用于我的应用程序，但是在联机工作时，它会中断并显示在某些部分上，而无法显示在其他部分上。

请问这里发生麻烦的可能性是什么？我不知道发生了什么，我的CSS很好，甚至我的JS也很好，只有两个

感谢您的任何提示。