Bootstrap突然覆盖了仅在本地构建中创建React应用程序中的自定义CSS



正如标题所描述的,当我使用npm run start运行应用程序时,我发现引导程序突然覆盖了我的自定义样式。从生产版本运行仍然可以正常工作,我的文件也很好。

我在index.html中加载引导程序cdn,然后在index.js或component.js文件中加载自定义样式表,据我所知,这确保了在引导程序文件之后加载自定义样式。

这个配置已经完美地工作了大约3个月,但今天我突然发现,任何具有引导样式的元素都被来自引导的样式覆盖了,我可以看到,我的自定义样式在我的代码中一直被取消优先级,直到样式层次的最底层。这是新的,并没有反映出对我的代码的任何更改——因为它在生产构建中仍然可以完美地工作。

这可能是因为cdn的加载速度太慢,以至于它们最终在自定义css之后加载吗?

每个UI框架都包含应该能够重新设计的组件,或者具有覆盖现有CSS样式的功能。这些技能也适用于react bootstrap,它在一定程度上提供了修改当前样式的能力。

重写CSS总是很方便的,因为组件可能需要根据项目需求进行修改。在此处输入链接描述

最新更新