Angular Komponentinin Stiləri
Gəlin indi verdiyimiz vərstəqi CSS vasitəsilə
stiləşdirək. Bunun üçün bizə app.component.css
faylı lazımdır, bu faylda komponentin vərstəqi
üçün CSS stilləri yazılır. Eyni zamanda Angular
özü qayğı göstərir ki, stillər CSS modulu kimi
işləsin. Bu o deməkdir ki, bütün selektorlar
yalnız komponentin vərstəqi üçün işləyəcək və
xaricdəki vərstəqi əhatə etməyəcək.
Gəlin praktikada baxaq. Tutaq ki, bizim komponentimizdə aşağıdakı vərstəq var:
<div>
abcde
</div>
Gəlin div-ə rəg təyin edək:
div {
color: red;
}
Eyni zamanda biz əmin ola bilərik ki, stil yalnız bizim komponentimizdəki div-lərə tətbiq olunacaq və heç bir başqasına olmayacaq.
Şablon faylında müəyyən bir vərstəq edin. Bu vərstəq üçün stillər yazın.
