Solucionado
Bom dia!
Ainda não entendi muito bem onde é aplicado o CSS do app.component.css. O arquivo styles.css é global, os arquivos dos componentes (como o rodape.component.css, por exemplo) são de escopo local de cada componente. E onde entra o arquivo app.component.css?
Oi Larissa, tudo bem?
O CSS definido no arquivo app.component.css é aplicado somente ao componente AppComponent e a seus elementos filhos. Isso ocorre porque o Angular usa o conceito de estilo de escopo local para garantir que os estilos definidos em um componente não afetem outros componentes.
Por exemplo, se você definir a cor de fundo do componente AppComponent no arquivo app.component.css, com background-color: orange; esse estilo será aplicado somente ao componente AppComponent e não afetará outros componentes da aplicação.
O conceito de escopo local permite que você defina estilos de forma mais granular e isolada, o que torna mais fácil manter e desenvolver seu projeto Angular.
Espero ter ajudado a esclarecer sua dúvida!
Abraços, bons estudos!