Angular开发修改第三方样式

在使用Angular开发项目的时候经常需要去修改第三方UI库的样式，如果不加限定修改的css很可能会导致样式污染。
解决办法：
1.在使用的第三方组件的外层添加一个标签，如<div class='div-bg'>xxx...</div>

.bg-div ::ng-deep xxx {...}

 

2.使用:host 解决

:host ::ng-deep xxx {...}