Тег стиля в Flask не отображает цвет текста
У меня есть шаблон html, который использует загрузку. Вот код:
{% extends "base.html" %}
{% block title %}{{session.name}}{% endblock %}
{% block content%}
<h4>Name: <span class = "value">{{session['name']}} </span></h4>
<h4>Email: <span class = "value">{{session['email']}}</span></h4>
<h4>Password: <span class = "value">{{session['password']}}</span></h4>
{% endblock %}
<style>
.value{
color: blue;
}
</style>
Моя проблема в том, что классы .value не отображаются синим цветом, и я не знаю, почему. Чем это вызвано?
Нет почему? Должен ли он работать?
Ответы 2
После некоторой работы с кодом это стало моим решением:
{% extends "base.html" %}
{% block title %}{{session.name}}{% endblock %}
{% block content%}
<h4>Name: <span class = "value">{{session['name']}} </span></h4>
<h4>Email: <span class = "value">{{session['email']}}</span></h4>
<h4>Password: <span class = "value">{{session['password']}}</span></h4>
<style>
.value{
color: blue;
}
</style>
{% endblock %}
Стиль должен быть внутри блока. Похоже, что блок отрисовывался до того, как учитывался стиль, поэтому это не имело никакого эффекта.
Внутри блока вы должны написать свое содержимое, потому что позже вы можете использовать его как компоненты. Несмотря на то, что вам следует рассмотреть возможность использования стиля в заголовке вашей индексной страницы html. Если вы используете стиль в заголовке html, это гарантирует, что ваши стили будут загружены до того, как будут отображаться элементы, которые не нарушат ваши стили.
тег
styleвhead?