Javascript 如何在Angular 2中的模块的所有html模板中提供相同的样式？ 要在Angular 2制作的SPA中设置全局样式，我们可以将css链接放在index.html文件中 要设置单个组件的样式，我们可以在每个组件的组件装饰器函数中的样式或样式URL中添加样式 通过在不同的组件中导入common.css文件，我们也可以为不同的组件提供类似的样式

我的应用程序中有多个模块。我想做的是使用一个通用的样式，它将应用于模块方面

---

例如：module1.css用于module1，Module2.css用于Module2，而不必在每个组件中导入css。

每个ngModules中都应该有一个顶级组件，应用module1.css、Module2.css。。。对于每一个顶级组件的css都可以做到这一点

e、 g.假设下面的组件

app root

是模块1中的顶级组件

@Component({
  encapsulation: ViewEncapsulation.None,
  selector: 'app-root',
  styleUrls: [
    '../assets/module1.css',
    './app.component.css'
  ],
  templateUrl: './app.component.html',
})
export class AppComponent {

  constructor() {

  }

  ngOnInit() {
  }

}

---

每个模块中都应该有一个顶级组件，应用module1.css、module2.css。。。对于每一个顶级组件的css都可以做到这一点

e、 g.假设下面的组件

app root

是模块1中的顶级组件

@Component({
  encapsulation: ViewEncapsulation.None,
  selector: 'app-root',
  styleUrls: [
    '../assets/module1.css',
    './app.component.css'
  ],
  templateUrl: './app.component.html',
})
export class AppComponent {

  constructor() {

  }

  ngOnInit() {
  }

}

---

嗯，很好，也许可以。我试过后会回来的。可惜没用。父组件的样式不会被子组件继承。很好，也许可以。我试过后会回来的。可惜没用。父组件的样式不会被子组件继承