Angular komponendi stiilid

Vormindame nüüd oma veebilehe läbi CSS-i. Selleks on meil kasulik fail app.component.css, kus kirjutatakse komponendi veebilehe CSS-stiile. Samal ajal hoolitseb Angular ise selle eest, et stiilid töötaksid nagu CSS moodul. See tähendab, et kõik valijad töötavad ainult komponendi veebilehe jaoks ega haara välisest veebilehest.

Vaatame praktikas. Oletame, et meie komponendis on järgmine veebileht:

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

Määrame div-ile värvi:

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

Samal ajal võime olla kindlad, et stiili rakendatakse ainult meie komponendi div-idele ja mitte ühelegi teisele.