:host 和::ng-deep的使用

:host 表示选择当前的组件。 ::ng-deep 可以忽略中间className的嵌套层级关系。直接找到你要修改的className。 1.修改样式 :host {      background: #F5F5F5;      overflow: hidden;      padding: 24px;      display: block; } .card-container ::ng-deep .ant-tabs-card .ant-tabs-content {      height: 120px;      margin-top: -16px; } 2.阻止默认事件 ::ng-deep .mat-horizontal-stepper-header{     pointer-events: none!important; } 3.