What is View Encapsulation in Angular | View Encapsulation | Angular 12+

The View Encapsulation is a concept or behaviour in angular, where component CSS styles are encapsulated into the components view and do not effect the rest of the application .
It defines how the styles specified in the template affects the other parts of the application. The angular uses three types of View Encapsulation, while rendering the view:
1. ViewEncapsulation.Emulated
2. ViewEncapsulation.ShadowDOM
3. ViewEncapsulation.None
In this lecture you will learn what is View Encapsulation using an example and how it is implemented in angular. You will also learn what is shadow dom in Angular.