为什么 css 在我的反应组件中不起作用？

Question

我正在将 css 从 main.css 文件导入 Main.js 文件，但是 css 没有完全工作？

//This is Main.js code-- This is Main.js 截图

这是main.css截图

这是网站截图

这是文件夹结构 ss

我正在尝试制作两个不同宽度的部分。 但是 css 代码不适用于内部容器。

Answer 1

如果您在同一个应用程序的不同组件中定义了相同的 class 名称，则这两个 styles 之间存在冲突。这是您在 React 应用程序中使用全局 CSS（直接将 CSS 文件导入 javascript 文件）时的常见问题。

要暂时解决该问题，您可以更改 div 的 class 名称。 但是建议使用CSS模块来避免此类问题。 CSS模块为其中定义的styles提供了命名空间。

您可以在此处找到有关 CSS 模块的更多信息