react中改变antd的样式

最近在项目中有需求是要改变antd的样式，试了好多办法都改变不了，比如我的class写成这样

.titleSelectionContainer {
    .ant-checkbox-wrapper {
        display: block;
        margin-left: 0px!important;
    }
    
}

在HTML中就会变成带有hash的class，就变成：TableC__titleSelectionContainer___1zt9V，所以当写成.ant-checkbox-wrapper时，html中的class就不是antd中的class，如果想改变需要加上global，比如上面的代码可以这样写，就可以了

.titleSelectionContainer {
    :global{
        .ant-checkbox-wrapper {
            display: block;
            margin-left: 0px!important;
        }
    };
    
}