Стили компонента Angular
Давайте теперь стилизуем нашу
верстку через CSS. Для этого
нам пригодится файл app.component.css,
в котором пишутся CSS стили для верстки компонента.
При этом Angular сам забоится о том,
чтобы стили работали как CSS модуль.
Это значит, что все селекторы
будут работать только для
верстки компонента и не будут
захватывать верстку снаружи.
Давайте посмотрим на практике. Пусть в нашем компоненте следующая верстка:
<div>
abcde
</div>
Давайте зададим цвет диву:
div {
color: red;
}
При этом мы можем быть уверенными, что стиль применится только к дивам из нашего компонента, и не к каким другим.
Сделайте в файле с темплейтом некоторую верстку. Напишите стили для этой верстки.