【发布时间】：2018-01-15 23:56:21
【问题描述】：
这是我的项目层次结构：
项目
这是我的 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没有改变。它只是以普通的黑色文本显示。
注意：所有这些导入都在那里，因为我正在做其他事情。我剥离了其他所有东西，仍然有这个问题。
我可以将引导程序链接到它，并且 CSS 可以工作，但不适用于我自己的 CSS 文件。
我已经查看并尝试了以下解决方案：
CSS Problems with Flask Web App
Application not picking up .css file (flask/python)
best way to override bootstrap css
这可能很明显，但我被卡住了。有什么帮助吗？提前致谢！
编辑 - 我现在添加了项目层次结构的图片，而不仅仅是一个列表。如您所见，其中还有一些其他 HTML 文件，但没有使用或引用。
【问题讨论】：
-
您确定标签 获取到您的 css 文件的正确路径吗？
-
您是否尝试过访问您的 css 文件所在的 url 并按 F5？例如转到127.0.0.1:8000/static/custom.css（使用您的浏览器）并按 F5。对我来说，完成了这项工作。
-
@A.Lord 实际上我不记得了（不久前我遇到了这个问题），但这里有一个有趣的线程：stackoverflow.com/questions/21714653/flask-css-not-updating。
-
@A.Lord stackoverflow.com/questions/2263096/… 这似乎与这个问题有关
-
Google Chrome 将样式存储在自己的缓存中。如果您对 CSS 进行更改并尝试访问同一网页，则会保留上次保存的 CSS。您必须直接转到 CSS 文件（通过 HTTP 访问）并刷新以反映更改
标签： python html css twitter-bootstrap flask