使用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;
}
这样就只会作用于你的模块了。
注意两点
- global后面不要加空格
2.css样式结尾不要加分号
