如何在某个特定的html页面上应用角度2的css？

Question

如何在 angular 2 中应用css。我正在使用 webstorm IDE进行编译。还面临一些缓存问题，我一次又一次地删除浏览器历史记录，也对css中的图像路径感到困惑，如何在css文件中实现图像的相对路径以及如何在css中添加自定义样式并将其应用于某些特定元素

Answer 1

您可以在component.css文件中编写css，以便仅为该组件导入css。

Answer 2

设置 styles 或 styleUrls 元数据

@Component({
  selector: 'hero-app',
  template: `
    <h1>Tour of Heroes</h1>
    <hero-app-main [hero]=hero></hero-app-main>`,
  styles: ['h1 { font-weight: normal; }']
})

OR

@Component({
  selector: 'hero-app',
  templateUrl: './home.html'
  styleUrls: ['./home..css']
})