踩坑笔记（九）: 修改ant-design组件库中的样式

前言：在响应式项目中，有部分地方使用到了React UI组件库ant-design，由于是封装好的UI库，使用的单位都是px；与在响应式项目中用到单位（rem）不符，因此，需要修改。

1. 新建css或less文件
2. 引入UI库并渲染到页面后，右键检查元素，通过选择到对应的UI标签，查看它的class类名
   3. 根据对应的类名和父子关系等，在css或less文件等修改样式，如：
   
   4.在jsx文件中等引入。

后记：

1. UI组件库毕竟就是已经将样式进行了更好的封装，在实际应用中更加偏向于固定样式的布局，在响应式布局中使用时需要设置样式。
2. 如果CSS/Less样式没有生效，可以尝试采用！important 最高优先级的方法
3. 该方法在React局部样式中好像不生效，后续需要进一步查看。