Component external styles

You can load styles from external CSS files by adding a styleUrls property to a component's @Component decorator:

@Component({
  selector: 'app-demo',
  template: `
    Demo component.
  `,
  styleUrls: ['./demo.component.css'],
})
export class DemoComponent {
  ...
}

Also you can include several style files:

@Component({
  selector: 'app-demo',
  template: `
    Demo component.
  `,
  styleUrls: [
    '../styles/layout.css',
    './demo.component.css',
  ],
})
export class DemoComponent {
  ...
}