Flask style.css不能從static/css/style.css加載

這是我的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

來源

2017-02-13 imdrupal

我無法重現您的問題。請[edit]包含[mcve]。 – davidism

HTML是不太XML，有時事情並不像整齊。你正在使用自動關閉標籤 - 不要。嘗試刪除終止/：

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

很多瀏覽器都是相當寬容，並解析<link … ></link>或<link … />就好了，但它不能保證。標準格式是without。

或者，您應該確認問題是否加載CSS文件或您的CSS文檔的實際內容。

來源

2017-02-13 12:24:28 daveruinseverything

感謝您的回答，刪除**/**對輸出沒有任何影響 – imdrupal

@imdrupal在瀏覽器中呈現的HTML是什麼？如果你查看頁面源代碼，你可以打開你的CSS文件嗎？也許你的CSS文件一直在加載，但是CSS本身的行爲並不像預期的那樣。 – daveruinseverything

是的，我能夠在頁面源代碼視圖中看到我的CSS，並且能夠在瀏覽器中打開，但CSS本身的行爲並不像預期的那樣（如你所說） – imdrupal

在Flask Bootstrap中，要添加自定義CSS，必須調用塊樣式中的超級函數。

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

你可以閱讀更多的docs

來源

2018-03-06 12:03:27 obinna

Flask style.css不能從static/css/style.css加載

回答

相關問題