<mat-card mat-ripple> <mat-card-content>This is content</mat-card-content> </mat-card>
Stackblitz that demonstrates the behaviour
.mat-card .last-child { margin-bottom: 0; }
问题是matRipple为mat-card添加了一个零高度元素,而Angular Material只删除了最后一个子节点的margin-bottom.
