外部css已加载，F12 source可以看到，但是样式不正常显示

如图，网页中可以找到外部css文件，也就是webStyle.css，但就是没有效果。奇怪的是，只要我在source区域里css文件最后敲一下空格，马上就有效果了，可已刷新就又没了：

页面文件用的是flask-bootstrap，是一个flask项目，代码所在位置 \app\templates\base.html，源代码如下：

{% extends "bootstrap/base.html" %}


{% block head %}
{{ super() }}
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='webStyle.css') }}">
{% endblock %}
{% block body %}
<h1 class="test">你看我变不变色</h1>
<h1 id="test2">你看我变不变色</h1>
{% endblock %}

css文件位于\app\static\webStyle.css, 代码如下：

.test{
    color: red;
}
#test2{
    color: blue;
}

困扰我很久了，而且相同的代码在另一台电脑上显示就正常。。是我不小心哪里设置错了吗

把css样式拷贝到当前文件即可，执行顺序的问题，被覆盖了。

这就涉及到css的优先级和权重问题
https://www.runoob.com/w3cnote/css-style-priority.html

看看这个
如有帮助请采纳，谢谢！