react 中的组件 css 与 index.css

Question

我试图在index.css和app.css文件中的相同类名上提供相同的样式。现在我看到应用了index.css文件样式，但app.css没有应用。例如，我在index.css内写入.class{background-color:red}，在应用程序内写入.class{background-color:blue}。 css.为什么index.css文件样式变得更加优先

例如我在index.css中写.class{background-color:red}，在app.css中写.class{background-color:blue}。为什么index.css文件样式变得更优先

Answer 1

当两个CSS规则匹配相同的元素并设置相同的样式时，优先级取决于选择器的Specificity，然后是

<link rel="stylesheet">

元素的顺序。

建议在您的项目中选择唯一的类名称，或使用CSS模块并让预处理器为您生成唯一的类名称。