Стилови на компонента во Angular

Ајде сега да ја стилизираме нашата верстка преку CSS. За ова ќе ни треба датотеката app.component.css, во која се пишуваат CSS стилови за верстката на компонентата. Притоа Angular сам се грижи стиловите да работат како CSS модул. Ова значи дека сите селектори ќе работат само за верстката на компонентата и нема да ја захватаат верстката надвор од неа.

Ајде да погледнеме во пракса. Нека во нашата компонента има следнава верстка:

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

Ајде да одредиме боја за div-от:

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

Притоа можеме да бидеме сигурни дека стилот ќе се примени само на div-овите од нашата компонента, а не на кои било други.