2017-02-13 86 views
0

这是我的python/flask应用程序的目录结构。Flask style.css不能从static/css/style.css加载

application 
templates/ 
static/css/style.css 
static/js/appjs.js 

在我的“头”我已经添加了这个。

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

JS文件工作正常,但的style.css不工作。 但style.css文件是通过URL在网页源代码查看访问,也可

http://localhost:5000/static/css/style.css 
+0

我无法重现您的问题。请[edit]包含[mcve]。 – davidism

回答

0

HTML是不太XML,有时事情并不像整齐。你正在使用自动关闭标签 - 不要。尝试删除终止/

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

很多浏览器都是相当宽容,并解析<link … ></link><link … />就好了,但它不能保证。标准格式是without

或者,您应该确认问题是否加载CSS文件或您的CSS文档的实际内容。

+0

感谢您的回答,删除**/**对输出没有任何影响 – imdrupal

+0

@imdrupal在浏览器中呈现的HTML是什么?如果你查看页面源代码,你可以打开你的CSS文件吗?也许你的CSS文件一直在加载,但是CSS本身的行为并不像预期的那样。 – daveruinseverything

+0

是的,我能够在页面源代码视图中看到我的CSS,并且能够在浏览器中打开,但CSS本身的行为并不像预期的那样(如你所说) – imdrupal

0

在Flask Bootstrap中,要添加自定义CSS,必须调用块样式中的超级函数。

{% extends "bootstrap/base.html" %} 
 
{% block styles %} 
 
{{super()}} 
 
    <link rel="stylesheet" 
 
    href="{{url_for('static', filename='css/style.css')}}"> 
 
{% endblock %}

你可以阅读更多的docs