Sobrepondo css

A classe de css de cada componente não se sobrepõe, elas podem ter o mesmo nome em componentes diferentes, tudo depende de como você organiza seu projeto. Se for uma classe que se repete, é aconselhável adicionar na folha de estilos global ou algo equivalente.

No angular 4.4.5

Imagina uma class new-footer declarada no app-component.css, e também é declarada a class new-footer no app-modulo-promo.css, uma não sobrescreve a outra ?

Cada componente do Angular é encapsulado, inclusive existem formas de manipular o tipo de encapsulamento.

Se quiser, pode dar uma olhada nessa documentação: https://angular.io/guide/view-encapsulation

Suspeito que sobreescreve no angular 4.4.5. Vou ver a documentação da época obrigado

Infelizmente não sei informar sobre o comportamento nessa versão. Mas a versão é bem antiga, avalia se não vale a pena atualizar para um versão mais recente, a mais nova já é a versão 11.