React中如何在不同位置文件中全局引入App.css？

先修正基础语法错误 #

你写的#black是无效颜色值，浏览器无法识别，得改成#000或者直接写black，这是样式不生效的核心原因之一。

正确的全局样式写法 #

普通CSS文件（非CSS Modules场景） #

直接写常规选择器即可，无需额外包裹：

body {
  background-color: #000;
}

启用CSS Modules的场景 #

如果你的App.css被配置为模块化CSS（比如文件名是App.module.css，或项目默认开启CSS Modules），需要用:global包裹整个全局样式块：

:global {
  body {
    background-color: #000;
  }
}

你之前写的:global(body)写法有误，必须把要全局生效的样式内容整体放在:global大括号内。

优化导入逻辑 #

全局CSS只需要在项目入口文件（比如src/index.js）导入一次就足够，无需在fileA.js和App.js中重复导入。重复导入不会报错，但属于冗余操作，建议统一在index.js中导入./App.css，确保全局生效范围覆盖整个项目。

最后验证 #

修改完成后重启开发服务器（缓存可能导致样式不更新），再打开浏览器元素面板，检查body的样式是否已被正确应用。

内容的提问来源于stack exchange，提问作者Austn Yang