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
}