Question

Вот структура каталогов моего приложения python/flask.

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 

Answer 1

HTML не совсем XML, а иногда все не так аккуратно. Вы используете самозакрывающийся тег - нет. Попробуйте удалить завершающий /:

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

Многих браузеры довольно снисходительны и будут разбирать <link … ></link> или <link … /> просто отлично, но это не гарантируются. Стандартный формат: without.

В качестве альтернативы вы должны подтвердить, загружается ли проблема с файлом CSS или фактическим содержимым вашего документа CSS.

Answer 2

В Flask Bootstrap, чтобы добавить свой собственный CSS, вам нужно вызвать суперфункцию в стилях блоков.

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

Вы можете прочитать на docs