我的程序不需要我导入外部CSS

Question

在我的项目中，我使用className =“”将CSS添加到某些组件中，并引用外部CSS名称。它们可以工作，但是奇怪的是，当我删除“ import'./styling/home.css”时，它仍然会应用样式。

我之所以这样问，是因为当我的项目变大时，我可能想用相同的名称来命名某些CSS，而我却不想使用错误的CSS。

 import './styling/home.css';

文件按这样排列

-HomeComponents.js

-AppComponents.js

样式

.. -home.css

.. -app.css

Answer 1

如果要“使用相同的名称命名某些CSS”，则必须使用范围样式。为此，您应该使用模块css。这是为此的create-react-app文档 https://create-react-app.dev/docs/adding-a-css-modules-stylesheet

Answer 2

您可能在home.css中导入了index.js，这就是为什么将其应用于整个项目的原因。尝试从那里删除它，然后查看更改。