将父样式绑定到它的子Angular2

Question

我可以将与父{q}类css类中定义的css类关联的css样式传递给子组件css类吗？

类似的东西：

templateUrls

现在我在父级的css中使用<parent-component> <child-component [class.child-class]="class.parent-class"></child-component> </parent-component> 我在孩子的/deep/上的css类，但我不想将我的父母的css类名限制为孩子的硬编码。

Answer 1

@Component({
  selector: '...',
  template: `
<div>stuff before</div>
<div class="wrapper>
  <ng-content></ng-content>
</div>
<div>stuff after</div>`,
  styles: [`
.wrapper /deep/ * {
// styles for children here
}
  `]
})