react+antd 怎么修改antd默认样式

使用andt中的组件时，一般会是默认样式。假如不想默认样式，在相应页面的css中修改又是无效的。
今天来修改一下antd的默认样式
1.直接在元素外面加个盒子包着，然后给盒子添加类名；
2.直接加global限定

直接加global限定，由于antd是异步加载，所以一般找一个比较大的父级（比如所有元素都在body中），书写方式如下：

.body :global(.ant-tree li .ant-tree-node-content-wrapper) {
    padding: 3px 5px 3px 0;
}

如果只需要作用于你的小区域，那么就加一个外部距离较近的css来做限定：比如外部有个div叫block

 .body .block :global(.ant-tree li .ant-tree-node-content-wrapper) {
    padding: 3px 5px 3px 0;
}

这样就只会作用于你的模块了。

注意两点

1. global后面不要加空格

2.css样式结尾不要加分号