Stilimet e Komponentit Angular

Tani le të stilizojmë strukturën tonë përmes CSS. Për këtë do të na duhet skedari app.component.css, ku shkruhen stilimet CSS për strukturën e komponentit. Në këtë rast Angular kujdeset vetë që stilimet të funksionojnë si modul CSS. Kjo do të thotë se të gjithë përzgjedhësit do të funksionojnë vetëm për strukturën e komponentit dhe nuk do të kapin strukturën nga jashtë.

Le ta shohim në praktikë. Le të themi se në komponentin tonë kemi strukturën e mëposhtme:

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

Le t'i caktojmë një ngjyrë div-it:

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

Në këtë rast mund të jemi të sigurtë se stili do të aplikohet vetëm për div-et nga komponenti ynë, dhe jo për ndonjë tjetër.