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
} 

查看更多关于angular在父组件设置子组件样式的详细内容...