django - テンプレート内のネストされたループ

Question

データベースからのデータを表示する Django テンプレートにループがあります

{% for i in prosize %}
            <li><a  class="order" id="{{i.option1}}" href="javascript:setSize('{{i.option1}}')">{{i.option1}}</a></li>
" >{{i.option1}}</a></li>
        {% endfor %} 

最初の要素のスタイルを変更する必要があり、最初の要素の場合は背景色が黒になり、他の要素の場合は他の色にする必要があります。

Answer 1

最初の要素にカスタム css クラスを追加できます

{% for i in prosize %}
  <li {% if forloop.first %}class="red"{% endif %}>
      <a class="order" id="{{i.option1}}">{{i.option1}}</a>
  </li>
{% endfor %}

とcss

.red {
  background: red;
}

Answer 2

{{ forloop.counter }} 

繰り返しの回数が表示されます。1 つの場合は、最初の要素を処理する必要があります。