Услубҳои компоненти Angular

Ҳоло биёед верстаи худро бо воситаи CSS услуб кунем. Барои ин файли app.component.css ба мо кӯмак мекунад, ки дар он услубҳои CSS барои верстаи компонент навишта мешаванд. Дар ин ҳолат Angular худ таваккул мекунад, ки услубҳо ҳамчун модули CSS кор кунанд. Ин маънои онро дорад, ки ҳамаи интихобкунандагон танҳо барои верстаи компонент кор мекунанд ва верстаи берунро гирифта намешаванд.

Биёед дар амал бубинем. Фарз кунем, ки дар компоненти мо верстаи зерин мавҷуд аст:

<div>
	abcde
</div>

Биёед ба див ранг диҳем:

div {
	color: red;
}

Дар ин ҳолат мо метавонем бовар дошта бошем, ки услуб танҳо ба дивҳои аз компоненти мо татбиқ карда мешавад, ва ба дигарҳо не.

Дар файли бо шаблон верстаи муайян созед. Барои ин верста услубҳо нависед.