angular material 2 md-list 奇偶样式

【问题标题】：angular material 2 md-list odd-even styleangular material 2 md-list 奇偶样式
【发布时间】：2017-03-27 16:10:33
【问题描述】：

我正在尝试为 md 列表中的奇数行/偶数行设置不同的背景。不确定是否支持使用 Angular Material 2 - Md-list 组件，因为我没有看到任何关于此的文档。

我相信 Angular 2 支持使用 ng-class-odd/ng-class-even

【问题讨论】：

【解决方案1】：

您应该在组件中使用以下样式

.mat-list >  .mat-list-item:nth-child(2n+1){
  background-color:red;
}
.mat-list >  .mat-list-item:nth-child(2n){
  background-color:blue;
}

【讨论】：