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

Another alternative to ::ng-deep and referencing the parent's css file, is to use the encapsulation component propertie :

import { Component, ViewEncapsulation } from '@angular/core';

@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css'],
  encapsulation: ViewEncapsulation.None
})

the parent css with flow to all it's childs.