Flask项目开发中可否在CSS文件内使用Jinja2语法实现动态样式？

结论是可以使用，但需要对应配置，你给出的示例逻辑成立，但存在语法错误

• 首先要满足Flask的渲染前提：默认存放在static目录的CSS文件会被当成静态资源直接返回，不会经过Jinja2解析，你需要把需要插入动态逻辑的CSS文件放到项目的templates目录下，单独写路由渲染这个文件，同时设置正确的响应头，示例路由代码如下：

from flask import render_template, make_response

# 自定义路由返回动态CSS
@app.route('/css/dynamic.css')
def serve_dynamic_css():
    # 渲染时传入模板需要的所有变量，比如你的users对象
    css_content = render_template('dynamic.css', users=current_user)
    response = make_response(css_content)
    # 必须设置正确的内容类型，浏览器才能识别为CSS文件
    response.headers['Content-Type'] = 'text/css'
    return response

• 你给出的示例代码有2处语法错误：
  1. if块对应的闭合标签应该是{% endif %}，你写的{{% endfor %}}是for循环的闭合标签，完全不匹配，还多写了一个大括号
  2. 修正后的正确CSS代码如下：

{% if not users.password %}
.login_password_input {
    border-color: red;
}
{% endif %}

• 更推荐的轻量化方案：如果你的动态样式逻辑不多，不用单独做动态CSS路由，直接把这部分动态样式写到HTML模板的<style>标签内即可，HTML模板本身就会被Jinja2解析，不需要额外配置，开发和维护成本更低。
• 补充优化建议：如果只是少量元素的样式切换，你也可以直接在HTML中通过Jinja2动态绑定类名，完全不需要写动态CSS，代码可维护性更高，示例如下：

<!-- 动态绑定类名 -->
<input type="password" class="login_password_input {% if not users.password %}input-error{% endif %}">

<!-- 静态CSS中提前写好对应类的样式 -->
<style>
.input-error {
    border-color: red;
}
</style>

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