角ComponentFactoryResolver继承父CSS

Question

本文介绍了如何使用pseudo-class来继承父CSS。

https://alligator.io/angular/styles-between-components-angular/

此方法可以在子组件或动态子组件中使用。

但是，当我使用动态组件并且需要定义更多的CSS时，我需要做很多伪类，如下所示：

:host ::ng-deep .content{
  background: #999;
}
:host ::ng-deep .text{
  border: solid;
}
:host ::ng-deep .head{
  color: #9999;
}
:host  ::ng-deep .root{
  flex: 1 1 1;
}
.
.
.

我需要定义很多:host ::ng-deep。还有其他更好的方法吗？ 我需要应用所有子动态组件。