Global Styles.css未应用于Angular中的组件

Question

我的目标是在我的角度网站中应用以下样式：

html, body, app-root, ng-component {
  font-family: 'Roboto', sans-serif;
  margin: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}

上面的代码有效，但只是因为我发现我必须添加app-root和ng-component ...我想知道为什么这是必要的。

如果我将样式添加到html，body，它应该不会起作用吗？如果我的应用程序有多个级别，为什么我必须将它添加到app-root然后ng-component？

在标准的html页面中，如果我的div中有div的布局，我就不必将样式添加到每个div中，只需要父容器，在这种情况下是html，body ...

当我使用Angular CLI创建一个新的Angular应用程序时，我所指的Styles.css文件是src目录（app目录的父目录）中的文件。