Html 如何在烧瓶中添加多个CSS文件？

我的flask应用程序中有两个CSS文件，

main.CSS

文件和

profile pic.CSS

文件。我想将

main.css

应用于应用程序中的每个HTML文件，而

profile pic.css

仅应用于profile.HTML。如何在烧瓶中实现这一点

这是我的烧瓶结构：

flask
    static
        main.css
        profile-pic.css
    templetes
        profile-pic.html
        account.html
        ....

---

了解有关使用模板继承（扩展）的信息：

您可以将

main.css

放入基本模板中。在扩展模式中，您可以放置

profile pic.css

，如下所示：

{% extends "base.html" %}

{% block addl_css %}
    <link rel="stylesheet" href="{{ url_for('static', filename='profile-pic.css') }}">
{% endblock %}
....
....

---

您正在使用模板扩展方法吗？比如：

{%extends'base.html%}

？是的，我正在使用模板扩展。我像你说的那样将CSS文件添加到我的profile-pic.html中。但是在浏览器中没有效果，您将

{%block addl\u css%}{%endblock%}

添加到

base.html

的

部分？

{% block addl_css %}
{% endblock %}