Css 反应更改路线/页面/容器背景颜色

我想在从/登录到/或“主页”时更改页面背景色

我试过这样做，但是“/Login”页面css不断覆盖“/”页面css规则

Login.js

import './Login.css';

Login.css

body {
    background: #2DC04D;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #00C7E7, #2DC04D);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #00C7E7, #2DC04D);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

以及：

Home.js

import './Home.css';

Home.css

body {
    background: white;
}

---

更改某些页面/路由/容器背景颜色的正确方法是什么？

尝试为登录和主页的最外层div指定一个类，并在其上应用css，然后我将不得不强制设置div的高度，这将使其他事情无法正常工作：/n如果您希望在安装和卸载css的过程中挂载/卸载组件，研究这项技术：可能重复而不是正文尝试给登录和主页的最外层div一个类，并在其上应用css，然后我将不得不强制对div设置一个高度，这将使其他事情不能很好地工作：/n如果您想在挂载/卸载组件时挂载和卸载css，研究这项技术：可能的复制