Flask中Jinja2占位符加载页面独有CSS样式失效问题排查

问题原因 #

你在Jinja2模板里错误嵌套了模板变量语法，导致url_for生成的路径不是预期的login.css，而是包含{{style}}的无效路径，所以样式表无法正常加载。

修复代码 #

修改后的HTML/Jinja2代码： #

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

解释：在url_for的参数中，直接使用变量名style即可，不需要再用{{}}包裹，Jinja2会自动解析路由传入的style变量值。

额外检查项 #

• 确认login.css文件确实放在Flask项目的static目录下，文件名与路由传入的参数一致
• 可以打开浏览器开发者工具（F12），查看「网络」标签，确认第二个样式表的请求路径是否正确，是否返回200状态码

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