コンポーネントの CSS ファイルに次の CSS があります。
.mat-expansion-panel-body {
padding: 0;
}
そして、このルールは(上書きされた場合でも)次の DOM 要素に表示されることが予想されます。
<div class="mat-expansion-panel-body">...</div>
しかし、開発ツールに適用されているのは次のものだけです。
.mat-expansion-panel-body {
padding: 0 24px 16px;
}
この要素には_ngcontent-c19他のクラスホスト要素はそうするので、これはビューのカプセル化のケースであると想定します。
しかし、::ng-deep と /deep/ の非推奨、および非推奨になるその他のカプセル化貫通構造について調べた後、コンポーネントの CSS ファイル内からこの要素をスタイル設定するためのより良い解決策は何でしょうか?
ベストアンサー1
::ng-deep
コンポーネント CSS で設定しましたが、私の側では動作しました。
::ng-deep .mat-expansion-panel-body{
padding: 0;
}