None

This is the freest strategy. No matter where the style is set--child or parent--the styles are leaked to the other components:

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

With this setting, you can style the h1 tag in the parent tag via the child component's styles:

// child component styleh1 {  color: blueviolet}

This reflects in the view, as shown in the following image:

Get TypeScript 2.x for Angular Developers now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.