Javascript Global Styles.css未应用于角度视图中的组件

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

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

上面的代码可以工作，但只是因为我发现我必须添加应用程序根和ng组件。。。我想知道为什么这是必要的

如果我将样式添加到html，body，这难道不管用吗？如果我的应用程序有多个级别，为什么我必须将其添加到应用程序根目录，然后添加到ng组件

在一个标准的html页面中，如果我有一个在div中包含div的布局，我就不必将样式添加到每个div中，只需添加父容器，在本例中是html，body

---

在创建新的Angular应用程序w/Angular CLI时，我所指的Styles.css文件位于src目录（应用程序目录的父目录）中。

在哪里添加这些样式？在哪个CSS文件中，该文件包含在哪里？@AhmedMusallam我在底部更新了我的帖子。只是将样式添加到

styles.CSS

中，没有

应用程序根目录，ng组件

，效果很好。。我在应用程序中看到字体的变化，在chrome控制台中看到应用于body和HTML的样式。有没有其他风格凌驾于这些之上？@AhmedMusallam正是高度风格给了我问题。我使用100%高度，所以我可以有一个静态标题和滚动导航栏和内容部分。请看Angular Material站点的布局：所以这是一个纯css问题。你必须把你的问题改成能反映你想要的东西。这些风格应用得很恰当，只是不符合你的目的。你可能在找这样的东西？