Javascript 如何使用css模块

我目前在两个不同的页面上使用一个组件，一个是主页，另一个是产品页面，当我更改产品页面的css时，当我使用组件的类时，主页也在更改

---

如何为每个css页面设置此组件类的不同样式。

为每个页面创建单独的css文件

然后使用

import './Product.css';

---

您需要使用.modules.css为文件命名

然后从组件中的css/scss文件导入样式

---

“从“/.module.css”导入样式；”“这对我来说不起作用，主页从另一个页面获取类名样式，尽管它在home.css文件中有自己的样式。是否可以显示主页和产品页面的代码？令人惊讶的是，我不知道React提供了这样的工具：），通常我使用SCS并将所有规则封装在组件的选择器中，从而防止css在组件之间溢出。很高兴现在知道这一点，谢谢！：）我很高兴你能解决这个问题。这种方式css使用随机生成的类，这样不必应用不必要的类。不能使用或更改类名，或在左侧添加样式。希望它们在产品页面和主页上看起来不同