Заданные значения окраски c основаны на условии в шаблоне Django - CSS в html

Question

<table>
  <tr><th>Jam Recipe</th>{% for item in jam %}{% if 0< item < 10 %}<td class="green">{{ item }}</td>
{% endif %}{% endfor %}</tr></table>

css:

   .green {color: green;}

Я хочу покрасить таблицу в template.html в зеленый цвет, если значения в списке jame меньше 10, но также больше чем 0.

Он окрашивает все в зеленый цвет, который меньше 10, включая отрицательные числа. Алос больше чем 10 исчез и не показан, однако я хочу, чтобы они оставались неизменными, как первоначальный цвет всех чисел.

Что не так и как это исправить?

Любая помощь приветствуется.

Answer 1

Я не совсем уверен, что вы хотите, но вы можете попробовать это, если я правильно понял.

<table>
<tr><th>Jam Recipe</th>{% for item in jam %}{% if 10 > item and item > 0 %}<td style="color: green;">{{item}}</td>{% elif 0 > item %} <td style="color:red;">{{item}}</td>{% else %}<td style="color: orange;"> {{item}} </td>{% endif %}{% endfor %}</tr>
</table>