Štýly komponentu Angular

Poďme teraz naštýlizovať našu verstať pomocou CSS. Na to sa nám bude hodiť súbor app.component.css, v ktorom sa píšu CSS štýly pre verstať komponentu. Pritom Angular sa sám postará o to, aby štýly fungovali ako CSS modul. To znamená, že všetky selektory budú fungovať len pre verstať komponentu a nebudú zachytávať verstať zvonku.

Pozrime sa na to v praxi. Nech je v našom komponente nasledovná verstať:

app/app.component.html<div>
  abcde
</div>

Nastavme farbu divu:

app/app.component.cssdiv {
  color: red;
}

Pri tom môžeme byť istí, že štýl sa aplikuje len na divy z nášho komponentu, a nie na žiadne iné.