角度9-使用：主机内部CSS vs！在子类中重写CSS属性很重要

我有点搞不清楚托管是如何工作的！重要的

我有角材料扩展面板

  <mat-accordion multi="true">

        <mat-expansion-panel [expanded]="true">
          <mat-expansion-panel-header>
              Title 1
          </mat-expansion-panel-header>

          <mat-list >
              <mat-list-item>
                <mat-checkbox class="example-margin">Pepper</mat-checkbox>  
              </mat-list-item>

            <mat-list-item>
              <mat-checkbox class="example-margin">Pepper</mat-checkbox>  
            </mat-list-item>
            <mat-list-item>
              <mat-checkbox class="example-margin">Pepper</mat-checkbox>  
            </mat-list-item>
           </mat-list>

        </mat-expansion-panel>

      </mat-accordion>

我想覆盖.mat扩展面板的车身衬垫，但实现这一目标的唯一方法是使用

：host>>

。我试着用它

！重要信息

选择器，但未执行任何操作

---

我想知道这是否是覆盖Angular 9中CSS属性的正确方法，还是有更好的方法呢？

对于像ng deep、：host等小案例技术来说是可以的。但是，当应用程序增长时，最好有一个主题文件，如一般情况下，您可以根据需要覆盖所有材质组件。

对于小型案例技术，如ng deep、：host等，也可以。但是，当应用程序增长时，最好有一个主题文件，如一般情况下，根据需要覆盖所有材质组件

    :host >>> .mat-expansion-panel-body{
    padding: 0 !important;
  }