Arquivo de Estilos do Componente Angular
No arquivo app.component.css são colocados
os estilos do componente. Ao mesmo tempo, o Angular
garante a modularidade desses estilos.
Isso significa que todos os estilos serão aplicados
somente à marcação do nosso componente, sem
afetar outras tags.
Como exemplo, vamos estilizar o texto da div:
div {
color: red;
}
Crie duas divs com texto: a primeira na markup do seu componente e a segunda no layout do site. Estilize a div do componente. Verifique que a div no layout do site não será estilizada.