配置reactjs以将前端样式与管理样式分开

Question

我正在使用reactjs和一个我随机在线获取的模板来设计我的项目。它起作用了。现在我想添加一个管理面板的网站与新的风格。不幸的是，在前一个模板的样式中，body也接受了一些样式。这覆盖了我为我的管理面板添加的任何其他模板或样式的样式。请问有没有什么有效的方法来解决我的项目中的样式冲突？我现在处于绝望的境地。

这就是我添加原始模板css的方式。

<link rel="manifest" href="%PUBLIC_URL%/assets/css/main.css">

我将其添加到公共文件夹，并将其链接到html文件夹。我试图以这种方式添加管理模板，但这是不工作的权利。现在，我尝试在我的管理组件中编写基本的css，而不是为它添加模板。即使这样也没有任何效果。模板似乎只是接管了正文的css。

Answer 1

加载样式的首选项在很大程度上取决于加载的顺序。所以你要做的是确保首先加载初始模板css，最后加载你的新的/自定义的css。处理这种情况的正确方法是将所有css导入放在一个文件中，并在该文件中指定所需的导入顺序。