我有一个使用Antd的React组件，需要设置其他每一行的背景样式

Question

我有一个使用Antd的组件，并且尝试使用nth-child()选择器来设置其他行的背景颜色，但是我不知道如何使用Antd。

我通读了他们的docs，并尝试通过扩展我的Collapse组件的样式添加${Row}:nth-child(2){ background-color: white;}来应用该逻辑，但出现类型错误，指出typeOf Row无法分配给类型' CSSObject'

下面有一个代码沙箱，其中包含初始样式和布局。

Answer 1

您可以使用ant设计类名称来编辑Body组件，如下所示：

const Body = styled.div`
    background-color: #f7f7f7;
    .ant-row:nth-child(even) {
        background-color: yellow;
    }
`;