Angular学习笔记（二十七）说一说Angular的组件样式

以下所有代码的演示地址：
戳这里 => demo展示

组件样式独立

组件之间的样式并不互相影响，也就是说，在A组件编写的样式不会渲染到B组件。

app.component.html

@Component({
  selector: 'my-app',
  template: `
    <h1>我是父组件的h1</h1>
    <detail></detail>
  `,
  styles:[`
    h1{ color:red; }
  `]
})

detail.component.html

@Component({
  selector: