＜ng＞修改第三方组件的样式——ng-zorro等组件默认样式的修改

在使用一些第三方的组件的时候，要修改组件的样式。
这种情况下使用:

:host ::ng-deep .className{
    
    
    新的样式......
}

// 修改自定义第三方样式
:host ::ng-deep .am-list-line {
    
    
    font-size: 20px;
    .am-input-label {
    
    
        font-size: 20px !important;
    }
}

这样的方式就可以方便的修改样式了。
:host 表示选择器，选择当前的组件。
::ng-deep 可以忽略中间className的嵌套层级关系。直接找到你要修改的className。