CSS不渲染Flask模板变量的选择器

Question

当我的Flask python脚本渲染我的模板html（ render_template() ）时，我的CSS不会对我传入的html进行任何更改使用变量的模板。

我知道这是一个可笑的罗嗦如此可重复的代码：

badcss = Markup('<span id="1">CSS DOES NOT RENDER</span>')
...

@app.route('/')
def front_page():
    return render_template('/front.html', myhtml=badcss)

因此，如果我在/ front.html中链接了一个引用id 1的CSS文件：

#1 {
    color: #FFFFFF;
}

“ CSS DOES NOT RENDER ”文字的颜色将出现在我指定的模板的html中：

{{ myhtml }}

最终是黑色，而不是CSS指定的白色。

我不知道为什么这不会渲染...检查＃1元素，显式引用它的CSS没有计算，但Markup完成它的工作并呈现HTML和应该用它呈现的CSS同样，在CSS文件中可见。

我的假设是，在呈现myhtml的HTML传入之前，CSS会呈现，但如果是这种情况，我不知道如何解决此问题。欢迎任何建议/解决方案。