css - Transcluziune: aplică stil la ng-content


Mă confrunt cu o problemă legată de modul de stilizare a conținutului transclus.

Când citești documentația, se spune că există selectorii personalizați care pot face treaba. Și chiar o fac! Dar se spune și

Combinatorul descendent care străpunge umbrele este învechit și suportul acestuia este eliminat din principalele browsere și instrumente. Prin urmare, plănuim să eliminăm suportul în Angular (pentru toate cele 3 variante: /deep/, >>> și ::ng-deep). Până atunci, ::ng-deep ar trebui preferat pentru o compatibilitate mai largă cu instrumentele.

Aceasta înseamnă că, deoarece este depreciat, acei selectori nu ar trebui folosiți.

Deoarece mă confrunt cu această problemă chiar acum, aș dori să știu alternativa oferită pentru a stiliza conținutul transclus.

Am întrebat într-o întrebare veche, dar se pare că nu funcționează pentru încapsularea non-shadow DOM.

Iată un StackBlitz cu o reproducere foarte minimală a problemei.