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

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

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

`<div> abcde </div>`

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

`div { color: red; }`

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

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

← →
↑