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