Question

这是我的项目层次结构：

项目

这是我的HTML文件：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Hello World</title>
        <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='custom.css') }}"/>
    </head>
    <body>
        <h1>Hello World</h1>
    </body>
</html>

我的.py烧瓶文件：

from flask import Flask, render_template, redirect, json, url_for, request, abort
from pymongo import MongoClient

client = MongoClient()
db = client.web_zoo

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('home.html')

if __name__ == "__main__":
    app.run(debug=True)

我的CSS文件：

body {
    color: green;
}
h1 {
    color: orange;
}

HTML和.py文件工作正常，HTML呈现并显示在页面上。然而，CSS不会改变。它只是以普通的黑色文字显示。

注意：所有这些导入都在那里，因为我正在做其他事情。我剥掉了其他所有东西，仍然有这个问题。

我可以将bootstrap链接到它，并且CSS可以工作，但不适用于我自己的CSS文件。

我已经查看并尝试了以下解决方案：

CSS Problems with Flask Web App

Application not picking up .css file (flask/python)

best way to override bootstrap css

这可能很明显，但我被卡住了。有帮助吗？提前谢谢！

编辑 - 我现在添加了项目层次结构的图片，而不仅仅是列表。正如您所看到的，其中还有一些其他HTML文件，但没有使用也没有引用。

Answer 1

尝试 CTRL + SHIFT + R （或 CMD + SHIFT + Chrome中的 R ）重新加载CSS。

否则，请右键点击Chrome中的页面，选择“检查”，然后选择“控制台”标签，查看您获得的错误。

为什么我的Flask应用程序不会连接到我的CSS文件？

1 个答案: