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

Давайте теперь стилизуем нашу верстку через CSS. Для этого нам пригодится файл app.component.css, в котором пишутся CSS стили для верстки компонента. При этом Angular сам забоится о том, чтобы стили работали как CSS модуль. Это значит, что все селекторы будут работать только для верстки компонента и не будут захватывать верстку снаружи.

Давайте посмотрим на практике. Пусть в нашем компоненте следующая верстка:

<div>
	abcde
</div>

Давайте зададим цвет диву:

div {
	color: red;
}

При этом мы можем быть уверенными, что стиль применится только к дивам из нашего компонента, и не к каким другим.

Сделайте в файле с темплейтом некоторую верстку. Напишите стили для этой верстки.