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

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

官方参考地址

原样式

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

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

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

就可以对样式进行覆盖了