Стилове на Angular компонент

Нека сега стилизираме нашата HTML структура чрез CSS. За това ще ни бъде полезен файлът app.component.css, в който се пишат CSS стилове за HTML структурата на компонента. При това Angular сам се грижи стиловете да работят като CSS модул. Това означава, че всички селектори ще работят само за HTML структурата на компонента и няма да засягат HTML структурата отвън.

Нека видим на практика. Нека в нашия компонент има следната HTML структура:

<div>
	abcde
</div>

Нека зададем цвят на div:

div {
	color: red;
}

При това можем да сме сигурни, че стилът ще се приложи само към div елементи от нашия компонент, и не към никакви други.

Направете във файла с темплейта някаква HTML структура. Напишете стилове за тази HTML структура.