How does the emulated view encapsulation mode handle CSS for a component?
It renders all of the CSS rules you write as inline CSS on all of the DOM elements you use them on in the template. Angular.io
It makes use of shadow DOM markup and CSS.
It renders the CSS exactly how you wrote it without any changes.
It creates unique attributes for DOM elements and scopes the CSS selectors you write to those attribute ids.