CSS样式未应用到HTML段落元素求助（Flask本地服务环境）

Flask对静态资源（CSS、JS、图片等）有固定的目录规则，默认要求静态文件放在项目根目录的static文件夹，模板文件（.html）放在templates文件夹，你现在的目录结构不符合这个规则，导致CSS无法被服务器正确加载。

1. 调整项目目录结构 #

改成如下结构：

你的项目文件夹/
├── app.py （你的Flask启动文件）
├── templates/
│   └── login.html
└── static/
    └── temp.css

2. 修改HTML中的CSS引用路径 #

把login.html里的<link>标签替换成Flask专用的路径生成方式，确保能正确找到静态文件：

<link href="{{ url_for('static', filename='temp.css') }}" rel="stylesheet">

3. 检查Flask主文件的模板渲染代码 #

确保你的Flask启动文件（比如app.py）是用render_template来加载模板的，示例代码：

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def show_login():
    return render_template('login.html')

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

验证是否生效 #

启动服务器后，按F12打开浏览器开发者工具，切换到「网络」标签，刷新页面查看temp.css的请求状态：

• 状态码为200：说明文件加载成功，此时p标签的颜色应该生效
• 状态码为404：说明路径或目录结构还有问题，重新检查上述步骤

内容的提问来源于stack exchange，提问作者astroguy