Reactjs Css文件对react js中另一个文件的影响

我在前端开发和使用react js开发网站方面是新手 我有一些组件js文件和相同的Css文件，当我改变了Css页眉中的一些类，页脚中的同一个类得到了改变，这是不正确的，这个文件有什么问题

---

我最终在一个文件中呈现一个组件

导入React的CSS文件是全局的，这意味着如果将CSS文件导入组件，它将添加到HTML文档的头部（如果您重新加载了热模块），并且自然会影响呈现为HTML的所有组件

---

如果您想确定写入特定组件的CSS的范围，可以使用类似于

的库。您可以为项目使用CSS模块。使用该库，将生成唯一的类名

如果您不想这样做，那么您可以使用CSS类嵌套，例如： 用于标题组件

<div className="header">
 <div className="title">Main Page</div>
</div>

其他组件的相似性使用如下css

 .footer .title{
  color:green;
 }

---

这样，您的css样式就不会混淆了

@Mohamadreza1987通过接受答案来结束这个问题

 .footer .title{
  color:green;
 }