Question

使用我的应用程序，我目前只有1个组件（导航），我已经为app-root设置了CSS，以及app-navbar为：

* {
   margin: 0;
}

尽管如此，利润仍然存在;由于某些原因，我甚至无法在浏览器中的chrome web开发工具中编辑它们。我获得边距消失的唯一方法是转到angular root index.html文件，并在那里手动输入样式标记，< / p>

我应用于*标签的任何其他内容（例如font-family）都会应用于整个文档，但由于某些原因，不是保证金，

如果有人知道你为什么要救我脱掉任何头发。

Answer 1

您可以在app.coponent.css

中添加它

* {
   margin: 0;
}

并在组件装饰器中设置封装：ViewEncapsulation.None。

import { Component, ViewEncapsulation } from '@angular/core';
@Component({
    selector: 'app-root',
    encapsulation: ViewEncapsulation.None
})

通过将ViewEncapsulation设置为无，所有样式都适用于整个文档。或者换句话说，组件可以覆盖另一个组件的样式，因为它的样式稍后会应用于文档头。否则，您可以使用目录中生成的global style.css文件。

Answer 2

使用Angular CLI创建项目时，CLI会创建一个全局样式文件，通常名称为style.ext，其中ext是您选择的扩展名（默认为css）。

所以你应该打开这个默认文件，我们假设它是style.css，并在其中添加这些行。

* {
   margin: 0;
}

如果我是你，我也会将此添加到此文件中：

html,
body {
  height: 100%;
}

这可以防止你以后遇到的一些错误，如果你想玩高峰（我在所有项目中都这样做）