reactjs - css文件对react js中另一个文件的影响

Question

我是前端开发新手，使用 React js 开发网站当我更改 Css header 中的某些类时，我在 Css 文件中有一些组件 js 文件和相同的类我最后在一个文件中渲染了一个组件

Answer 1

您可以为您的项目使用 CSS 模块 CSS Modules .使用它，生成唯一的类名。

如果你不想这样做，那么你可以使用 CSS 类嵌套，例如:对于头部组件

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

像这样使用 CSS:

 .header .title{
  color:red;
 }

其他组件的相似性使用这样的css

 .footer .title{
  color:green;
 }

这样你的css样式就不会乱了