python - Flask 无法识别我的自定义样式表

Question

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

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

market.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）就可以了。