如何根据某些条件更改jinja2条目的颜色？(使用烧瓶)
如何根据某些条件更改jinja2条目的颜色？(使用烧瓶)
提问于 2018-03-11 23:23:39
我刚刚通过烧瓶教程，一步一步地创建一个博客web应用程序。条目是通过jinja模板呈现的：
<ul class=entries>
{% for entry in entries %}
<li><h2>{{ entry.title }}</h2>{{ entry.text|safe }}
{% else %}
<li><em>Unbelievable. No entries here so far</em>
{% endfor %}
</ul>颜色在style.css中定义：
a, h1, h2 { color: #377ba8; }不过，我真的希望能够，切换颜色的条目取决于一个条件。例如，如果entry.text是‘苹果’，它应该是红色的，否则是绿色的。
作为一个网络开发的新手，我觉得像这样的东西可能是javascript，但我只是不知道如何完成这一任务，并将感谢您的帮助。
最好的
格布朗
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-03-11 23:32:38
首先，您应该向CSS中添加一个规则，以便您可以通过向元素应用类来更改颜色。就像这样：
.apples {
color: red;
}然后，您需要让您的Jinja模板根据class的值应用entry.text属性。
<ul class="entries">
{% for entry in entries %}
<li {% if entry.text == 'apples' %} class="apples" {% endif %}>
<h2>{{ entry.title }}</h2>
{{ entry.text|safe }}
</li>
{% else %}
<li>
<em>Unbelievable. No entries here so far.</em>
</li>
{% endfor %}
</ul>例如，Jinja手册在“突出显示活动菜单项”主题下对这一技术进行了描述。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49226187
复制相关文章
相似问题
腾讯云开发者
