Entendendo o poder de :: ng-Deep no angular 4

buscando um método para substituir as propriedades do CSS nos componentes filhos dos componentes dos pais? O Angular 4 apresenta o conceito de :: ng-apro, uma alternativa ao seletor depreciado / profundo / profundo. Este combinador de "perfuração de sombra" permite que os estilos atravessem os componentes infantis encapsulados. Por exemplo:

. Visão geral { :: ng-profunde { P { &: Último filho { Margin-Bottom: 0; } } } }

Neste exemplo, o estilo especificado em :: ng-desepo será aplicado a todos os elementos correspondentes em todos os componentes filhos do componente pai, incluindo profundamente aninhados. (IE11). Embora certas versões do IE11 possam apoiá-lo parcialmente, é recomendável usar métodos alternativos ao segmentar os navegadores do IE11. No entanto, é importante usá -lo criteriosamente, pois ignora o encapsulamento, potencialmente levando a conflitos de estilo ou comportamento inesperado. Use :: ng-profunde sempre que necessário, mas considere explorar alternativas mais seguras sempre que possível.