Angular Komponentining Stillari

Keling, endi bizning vertkamizni CSS orqali stillaymiz. Buning uchun bizga app.component.css fayli kerak bo'ladi, unda komponent vertkasi uchun CSS stillari yoziladi. Bunda Angular stilning CSS moduli sifatida ishlashini o'zi tashkil qiladi. Bu shuni anglatadiki, barcha selektorlar faqat komponent vertkasi uchun ishlaydi va tashqaridagi vertkani qamrab olmaydi.

Keling, amalda ko'rib chiqaylik. Komponentimizda quyidagi vertka bo'lsin:

<div>
	abcde
</div>

Keling, divga rang beraylik:

div {
	color: red;
}

Bunda biz ishonch hosil qilishimiz mumkinki, stil faqat bizning komponentimizdagi divlarga qo'llaniladi va boshqalarga emas.

Shablon faylida ma'lum bir vertka qiling. Ushbu vertka uchun stillar yozing.