Angular 如何为角度视图中的备用列添加背景色

我用angular material mat table组件创建了一个简单的angular表格

使用下面的样式，我可以为备用行着色。但是，当我在下面的样式中将行更改为列时，相同的颜色不适用于列

 mat-row:nth-child(even){
          background-color:#f2f4f7;
                        }

 mat-row:nth-child(odd){
          background-color:none;
                       }

有人能告诉我如何为其他列添加背景色吗

下面显示的是我的代码

account.component.html

欢迎您

帐户ID。
{{element.acc_id}
帐户说明
{{element.acc_desc}}

account.component.scss

。示例容器{
显示器：flex；
弯曲方向：立柱；
最小宽度：300px；
字体系列：Verdana，无衬线；
}
垫子桌{
文本对齐：居中；
字体大小：12px；
字体系列：Verdana，无衬线；
}
垫细胞{
字体大小：12px；
字体系列：Verdana，无衬线；
}
mat选项{
字体大小：12px；
字体系列：Verdana，无衬线；
保证金：-5px0-5px0；
}
垫行：第n个孩子（偶数）{
背景色：#f2f4f7；
}
垫行：第n个孩子（奇数）{
背景色：无；
}
mat列：第n个子项（偶数）{
背景色：#f2f4f7；
}
mat列：第n个子项（奇数）{
背景色：无；
}

account.component.ts

从'@angular/core'导入{Component，ViewChild，Inject，OnInit}；
从'@angular/forms'导入{FormControl，FormGroup，ReactiveFormsModule}；
从“rxjs/Observable”导入{Observable}；
导入'rxjs/add/operator/map'；
从“@angular/material”导入{MatPaginator，MatTableDataSource}；
@组成部分({
选择器：“应用程序帐户”，
templateUrl:“./account.component.html”，
样式URL:['./account.component.scss']
})
导出类AccountComponent实现OnInit{
附件说明：任何；
构造函数（）{}
/*桌子从这里开始
---------------------- */
displayedColumns1=['acc_id'，'acc_desc']；
dataSource1=新MatTableDataSource（元素数据）；
恩戈尼尼特（）{
常数数据=[
{
“acc_id”：1001，
“acc_desc”：“管理”
},
{
“acc_id”：1002，
“附件说明”：“实验室”
},
{
“acc_id”：1003，
“acc_desc”：“员工”
},
{
“acc_id”：1004，
“附件说明”：“办公室-1”
},
{
“acc_id”：1005，
“附件说明”：“办公室-2”
},
{
“acc_id”：1006，
“附件说明”：“办公室-2”
}
];
this.acc_desc=数据；
this.dataSource1.data=（数据作为元素[]）；
}
@ViewChild（MatPaginator）分页器：MatPaginator；
ngAfterViewInit（）{
this.dataSource1.paginator=this.paginator；
} }
导出接口元素{
附件id：任何；
附件说明：任何；
}
常量元素_数据：元素[]=[]；

尝试

mat单元格

而不是

mat列

mat-cell:nth-child(even){
          background-color:#f2f4f7;
                      }

 mat-cell:nth-child(odd){
          background-color:none;
                       }

---

它很容易修理。我没有和有棱角的材料一起工作。我的回答只是猜测。但它通过了：PHello先生…请检查此链接…您好先生…请检查此链接…您好先生。。。你能帮我解答这个问题吗。。