烧瓶无法识别我的自定义样式表

Question

我正在渲染一个模板，我正在尝试使用自定义样式表设置样式。文件结构如下：

/app
- __init__.py
/templates
- markets.html
- base.html
/static
- custom.css

市场.html看起来像这样：

{% extends 'base.html' %}
{% block content %}
<div class="container">
<div class="row">
<div class="front-page">
<div class="col"></div>
<div class="col-5">Runeberg</div>
<div class="col">  </div>
</div>
</div>
</div>
{% endblock %}

base.html看起来像这样：

{% extends 'bootstrap/base.html' %}
{% block styles %}
{{ super() }}
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='custom.css') }}">
{% endblock %}

最后，custom.css 看起来像这样：

.front-page {
margin-top: 25%;
}

我按照此示例编写了此代码。问题是，样式(首页(未被应用。

Answer 1

您没有正确链接到 html 文件中的 css？硬链接时它是否有效？

Answer 2

在这里找到了我问题的答案。Chrome的缓存没有反映新的CSS更改，硬刷新(shift + f5(可以解决问题。