Angular组件样式无法覆盖全局样式或者其他引用样式

使用:host ::ng-deep 可以修改全局样式和其他引用的控件库ui样式进行覆盖
官方参考地址
原样式

.table>tbody>tr>td{
   white-space: nowrap;
}

在我们自己的component下css文件中修改

:host ::ng-deep .table>tbody>tr>td{
white-space: unset;
}

就可以对样式进行覆盖了