Angular 8 References/ Styling
References

Component external styles

This is the documentation for Angular 8.
You can switch to the latest version Angular 10.

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 {
  ...
}