为什么你需要复杂化的情况？这就是为什么爱奥尼亚团队已经给出了app.scss文件。只需把你的shared或globalCSS的详细信息在该文件和使用的地方，整个应用程序。这么简单，不是吗？

• 应用程序.scss*

.marginForEmplacement {
   margin-left: -5px;
}

• 第2.html页 *

<div class="marginForEmplacement"> some text </div>

这个问题还不完全清楚，但是一个Angular 组件可以有多个样式表导入到一个组件中，请参见styleUrls。这将优先于全局样式表。这只是一个示例，但可能是问题的一个原因。See documentation here。

@Component({
   selector: 'app-root',
   template: `
     <h1 class="sheet1-h1-header'>Tour of Heroes</h1>
     <app-hero-main [hero]="hero" class="sheet2-wrapper'></app-hero-main>
   `,
   styleUrls: ['./sheet1.css',  './sheet2.css']
})
export class HeroAppComponent {
/* . . . */
}