jquery - 使用 jQuery 在 Flask/Jinja2 中具有不同 CSS 值的一类

Question

我想为一个类设置多个 css 值。这可能吗？

我的模板是这样的:

{% block right %}
    {% for announce in announce_list %}
        <div class="announce">
            <div class="announce-info">
                <span class="announce-title">
                    {{announce.name}}
                </span> <br/>
                <span class="announce-date">
                    {{announce.date}}
                </span>
            </div>
            <div class="announce-author">
                <div class="author-avatar">
                    <img src="{{url_for('static', filename='avatars/' + announce.author.avatar)}}">
                </div>
                <div class="author-info">
                    <span class="author-name">
                        {{announce.author.name}}
                    </span> <br/>
                    <span class="author-level">             
                        {{announce.author.level.level_name}}
                    </span>
                </div>
            </div>
        </div>
    {% endfor %}
{% endblock %}

for 循环中的每个声明都包含一个具有可变颜色的 Author 对象(示例:#B22222)。我想为每个 .announce-author block 的边框颜色设置 Author 对象的颜色。请帮忙!

抱歉我的英语不好!

Answer 1

可变样式不能由 CSS 类表示。在这种情况下，您应该使用 Jinja2 的模板语法在每个 div 上使用内联样式属性:

<div class="announce-author" style="border-color: {{announce.author.color}};">
    ....
</div>