angular 项目中的 component html 代码
<table mat-table>
<ng-container>
<td mat-cell></td>
</ng-container>
<ng-container>
<td mat-cell></td>
</ng-container>
</table>
运行时生成的 mat-table html 代码
<table _ngcontent-qty-c136 mat-table>
<td _ngcontent-qty-c136 mat-cell></td>
<td _ngcontent-qty-c136 mat-cell></td>
</table>
想分别针对 mat-table
与 mat-cell
设置 table
与 td
的样式,
通过 table[mat-table]
与 td[mat-cell]
css 选择器解决了
table[mat-table] {
width: 100%;
padding: 10px;
}
td[mat-cell] {
width: 50%;
}