原因:angular会给引用的样式打上自定义的后缀,按照dom元素嵌套来定级。
比如有一个这样的结构
<div class='div-class'>
<span class='span-class'></span>
</div>
此时如果在div所在的组件修改span元素的样式
.div-class .span-class{
color:red
}
往往是无法生效的
加上ng深层查找css样式标识即可
::ng-deep .div-class .span-class{
color:red
}
亲测有效