Css 自定义单独页面的正文背景色

所以我使用angular 5，我试图定制主页主体的背景颜色，但不允许将该颜色传递到下一页

使用ng deep，我已经有点工作了，因为如果用户刷新页面，它就会工作。那么，我如何阻止身体颜色白色被传递到下一页，并有灰色显示，而不必刷新页面

---

提前感谢

您可以通过以下组件访问它：

 export class HomePageComponent implements AfterViewInit {

   constructor(private elementRef: ElementRef){}

   ngAfterViewInit(){
     this.elementRef.nativeElement.ownerDocument.body.style.backgroundColor = 'red';
   }
 }

---

它没有解决我的问题，因为它仍然会将它传递到下一页。这样，每一页现在都有一个红色的背景。它似乎有一个类似的效果，因为你必须只在你的主页组件中实现它，而不是在AppComponent中。对不起，我编辑了我的答案。所以颜色只会应用在主页组件中。我把它放在我所有的页面中，幸好它没有那么多，所以解决了传递它的问题。这样，我可以有任何颜色，我想要的每一页。非常感谢，老兄，解决了我忽略的一个星期的问题很好，只是要小心没有冲突（如果一个页面中有多个组件）。