Stilovi Angular komponente

Hajde sada da stilizujemo našu vertsku pomoću CSS-a. Za ovo će nam poslužiti fajl app.component.css, u kojem se pišu CSS stilovi za vertsku komponente. Pritom Angular sam vodi računa da stilovi funkcionišu kao CSS modul. Ovo znači da će svi selektori raditi samo za vertsku komponente i neće zahvatati vertsku spolja.

Hajde da pogledamo u praksi. Neka u našoj komponenti bude sledeća vertska:

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

Hajde da postavimo boju za div:

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

Pritom možemo biti sigurni da će se stil primeniti samo na dive iz naše komponente, a ne na neke druge.