在 Angular 上删除我的组件的边距（用户代理样式表被覆盖）

问：

在测试我刚刚制作的组件时，我意识到标头和组件之间有一个空格。另外，我设置了深色主题，以便更容易看到。然后，我意识到该组件有几个问题。它不会填满整个页面，顶部和底部都有 16px 的边距。

为了解决这个问题，我制作了一个样式，将高度更改为 100% 并删除边距。它在高度方面起作用，但是，它完全忽略了边距。:host > *

我检查了一下，用户代理样式表正在替换它。

app.component.scss （英语）

:host > * {
    height: 100%;
    margin: 0!important;
    padding: 0!important;
}