creat-react-app为啥先引入的css会被后解析

Question

creat-react-app为啥先引入的css会被后解析

新手初驾，使用create-react-app脚手架新建了个小项目，引入了antd的ui框架。
按照老习惯，创建index.css先引入浏览器初始化样式，然后引入UI框架样式，最后放一些普通样式。逻辑来讲没问题。
然后是组件的样式，在组建里面写，现在就发现问题了。
组件里面的样式反而被index.css里面的样式覆盖，而且，index.css里面的引入顺序也完全被反过来了。
具体如下图：


可以看到，初始化样式是第一个被引入的，但是代码里面初始化样式反而是在最下面，UI框架样式在中间，组件样式在最上面。被下面的样式覆盖了。
样式使用的是 scss 进行预处理。

请问这是为什么呢，有什么解决办法吗？
望知道的大佬解惑下。Thanks♪(･ω･)ﾉ

Answer 1

link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载.
你可以考虑使用link来代替@import导入