Flask/Jinja2で異なるCSS値を持つ1クラスjQueryを使用

Question

1つのクラスに複数のCSS値を設定したい。それは可能ですか？

私のテンプレートは次のようになります（：＃B22222例）

{% 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オブジェクトが含まれています。私は各.announce-authorブロックの境界線の色をAuthorオブジェクトの色でスタイルしたいと思います。助けてください！

私の英語については申し訳ありません！

Answer 1

可変スタイルはCSSクラスで表現できません。この場合、Jinja2のテンプレート構文を使用して、divのインラインスタイル属性を使用する必要があります。

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