Š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ť:
<div>
abcde
</div>
Nastavme farbu divu:
div {
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é.
Vytvorte v súbore s template nejakú verstať. Napíšte štýly pre túto verstať.
