angular在父组件设置子组件样式

:host-context()：可以对宿主及其子元素设置css，（）里是对组件的祖先元素添加的类名。

基本用法：

FatherComponent.html:
<div class="father">
　　<app-child></app-child>
</div>

ChildComponent.html:
<div class="child"></div>

 

ChildComponent.css:
:host-context(.father) .child{
//css
}