为什么css在我的react组件中不起作用?

zzlelutf  于 2023-02-06  发布在  React
关注(0)|答案(1)|浏览(354)

我正在将css从main.css文件导入到Main.js文件,但css不能完全工作?
//这是Main.js代码--This is Main.js screenschot
This is main.css screenshot
This is website screenshot
This the folder structure ss
我正在尝试做两个不同宽度的部分。但是css代码在内部容器上不起作用。

bbmckpt7

bbmckpt71#

如果你在同一个应用程序的不同组件中定义了相同的类名,那么这两个样式之间就会有冲突,这是在react应用程序中使用全局CSS(直接将CSS文件导入javascript文件)时的常见问题。
为了暂时解决这个问题,你可以改变div的类名。但是建议使用CSS模块来避免这样的问题。CSS模块为定义在其中的样式提供了一个命名空间。
您可以找到更多关于CSS模块here的信息

相关问题