React ant-design引入之后导致其他js文件样式冲突，一些原有的组件样式被ant-design的覆盖

Question

在开发过程中使用了蚂蚁金服Ant Design的Progress 进度条插件，根据教程这样引入：

import Progress from 'antd/lib/progress';
import 'antd/lib/progress/style/css';  

//组件使用
    <Progress type="circle"
      percent={this.props.percent}
      width={80}
      format={percent => `${this.props.score} 分`}
      status={this.props.status}
    />

诚然，在引入之后就可以使用该组件了，但是却在别的地方出现了问题：

在排查后发现是ant-design的index.css将原版的覆盖
我想知道有没有办法解决掉这个冲突，原版的保持原版，组件也能使用。

晚生感激不尽！

Answer 1

你把原版的样式的优先级调高，这样就不会被覆盖了！

css优先级参考：https://segmentfault.com/a/11...