How to inherit css styles in child component from parent in Angular 5

Question

I have a parent component inside which I have a child component. The parent component have some css classes, where child component extends them. I tried to use :host as looking

Answer 1

Why make things complex?

Ideal way to do would be to add refrence of parent css file in child component as well.

 @Component({
    selector: 'child-app',
    templateUrl: `./child.component.html`,
    styleUrls:['./parent/parent.component.css', './child.component.css']
})
export class ChildComponent { }