Angular (2+) da componentin css dosyasına örneğin .custom-css yazıp kullandığımızda
.custom-css[_ngcontent-c57] { color: red; }
olarak render oluyor. Bu css dosyamızın component bazlı olmasını sağlıyor lakin dinamik component kullandığımızda css .custom-css[_ngcontent-c57] olup html render edildiğinde .custom-css[_ngcontent-c58] olabiliyor. bu durumda angular component dosyamıza gelip encapsulation: ViewEncapsulation.None dememiz yeterli.
Burada dikkat etmeniz gereken tek durum .custom-css sadece o componenti işaret edecek şekilde yazmak ve tüketmek. genel tanımlamalar kullanmamak.
kaynak: https://coryrylan.com/blog/css-encapsulation-with-angular-components