[vue]修改特定组件的默认样式

Question

1、如下图，在一个信息表格里，想要实现相邻两行表格单元背景色不一样的效果：

2、这是我写的表格：

代码一瞥：

3、因为用的是组件，要改变组件默认样式，使用::v-deep

但是这样就把所有的单元格背景色都调整了：

尝试把要添加颜色的行放在div中，然后设置Css样式，结果不能达到预期效果

4、请问有无小伙伴遇到类似的问题？ 或者说修改特定几个组件的默认样式？

Answer 1

套个div 干嘛，加个类名不就行了

::v-deep .d-detail-table-item_content.add_color: {
    background: red;
}