Angular компонентнинг стиллари

Келгинг, энди бизнинг версткамизни CSS орқали стилламокчимиз. Бунинг учун бизга app.component.css файли керак бўлади, унда компонент версткаси учун CSS стиллари ёзилади. Бунда Angular стиллар CSS модуль сифатида ишлашини ўзи ғамхўрлик қилади. Бу демакки, барча селекторлар фақат компонент версткаси учун ишлайди ва ташқаридаги версткани ўз ичига олмайди.

Келгинг, амалда кўриб чиқайлик. Бизнинг компонентимизда куйидаги верстка бўлсин:

<div>
	abcde
</div>

Келгинг, дивга ранг берайлик:

div {
	color: red;
}

Бунда биз стил фақат бизнинг компонентимиздаги дивларга қўлланишига ва бошқа бировларга эмаслигига ишонамиз.

Темплейт файлида бирор верстка қилинг. Ушбу верстка учун стиллар ёзинг.