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

【问题标题】：configuring reactjs to separate frontend styles from admin styles配置 reactjs 以将前端样式与管理样式分开
【发布时间】：2018-11-03 08:29:17
【问题描述】：

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

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

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

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

【问题讨论】：

【解决方案1】：

加载样式的偏好很大程度上取决于加载的顺序。因此，您必须确保首先加载初始模板 css，最后加载您的新/自定义 css。处理这种情况的正确方法是将所有 css 导入到一个文件中，并在该文件中指定所需的导入顺序。

【讨论】：

这就是问题所在，无论顺序如何，css 总是会发生冲突。我正在寻找一种更好的方法来加载我的 css 而无需任何覆盖。我希望自定义模板的 css 仅为我的前端用户加载，而管理员 css 仅为管理员用户加载。什么都不应该覆盖。此外，自定义 css 模板甚至还有 body 样式。