终于解决！css已加载却不显示样式

项目场景：

最近用python flask写一个网页，前端用的是flask-bootstrap。之前有自学过，打算练练手。
由于真实代码比较复杂，不能很好的体现核心问题，所以我这里写了一个非常简单的页面。虽然简单，但体现的问题是一样的。

问题描述：

在用于渲染的网页模板index.html中，我引入了一个外部css链接：

<link rel="stylesheet" type="text/css" 
href="{{ url_for('static', filename='webStyle.css') }}">

然后写了一个h1标签：

<h1 class="test">我应该是红色</h1>

css文件中代码很简单：

.test{
    color: red;
}

运行程序之后，正常情况下应该显示一句话“我应该是红色”，而且颜色应该就是红色。然而事实上，页面显示却是bootstrap默认样式！也就是说，外部css并未正常加载。

---

原因分析：

打开F12，发现css内容是加载的：

问题就变得很迷，右边css样式说是红色，左边偏偏显示默认颜色。我百度过，但网上的朋友们要么就是css压根儿没加载，要么link标签写的有问题，和我不完全一样。我也发帖提问过，但收到的回答都是说css的优先级问题，我寻思着都加载出来了，也不存在优先级的问题了吧，况且我加了!important还是没效果。

最神奇的是只要动一下上图static中的代码，比如敲一个空格，左边马上正常显示红色！
我家里的电脑运行同样的代码，结果正常显示。
我感觉可能和电脑有关，应该是电脑哪里的设置问题！

我又试了一下edge浏览器，结果浏览器报了一个错误：

“SEC7113: CSS 因 Mime 类型不匹配而被忽略”

而且控制台显示我引入的css文件类型是application/x-css。百度了一下这个错误，问题终于解决！

---

解决方案：

解决这个问题需要修改注册表。
如果你出现了和我一样的问题，你的注册表中 HKEY_CLASSES_ROOT\.css 里面的 Content Type应该是application/x-css。

只需要修改为text/css，然后重启电脑，清除电脑缓存，就可以完美解决啦！