クラス名私はちょうどチェックボックス内の画像のスタイルをしたい

Question

<div class="panel panel-line panel-danger"> 
    <div class="panel-heading"> 
     <h3 class="panel-title">Meb Katmanları</h3> 
     <div class="panel-actions"> 
      <mat-slide-toggle color="warn" [(ngModel)]="allMebLayers" (change)="mebToggle()"></mat-slide-toggle> 
     </div> 
    </div> 
    <div *ngIf="allMebLayers" class="panel-body" style="max-height: 70vh; overflow-y: auto"> 



     <mat-selection-list *ngFor="let l of legends" style="overflow-y: hidden; overflow-x: hidden;"> 

      <mat-checkbox> 
        <td class="p-5">{{l.layerName}}</td> 

        <td class="p-5"><img [src]="l.legend.imageData"></td> 
      </mat-checkbox> 
     </mat-selection-list> 


    </div> 
</div> 

ずにチェックボックス内の画像をスタイリング。新しいクラス名を追加せずに簡単な方法？

Answer 1

あなたのCSSドキュメントにこのセレクタを試し、新しいクラス名を指定せずにチェックボックスの内側に画像のスタイルを設定するには：

mat-checkbox img { 
    /* desired CSS properties */ 
} 

Answer 2

スタイリングを達成するために、あなたも使用できます。

.p-5 img { ... } 

の場合そのクラスのイメージのみをターゲットにしたいが、同じページにある可能性があるすべてのmat-checkbox img要素をターゲットにする必要はありません。