Jinja2 斑马条纹（交替行）

Question

我正在使用 Jinja2 创建 CSS 条纹效果，类似于：

table tr td:nth-child(odd) {
    background: #0D1424;
}

（注意：这不是我的 HTML 模板的选项，CSS 会从电子邮件中删除。）

我正在尝试使用 Jinja 的提示和技巧 - 交替行来为表格的每一行设置 CSS 样式。然而，即使在阅读了辅助函数的文档之后loop.cycle，我也不明白它应该如何实现。

HTML：

{% for item in items %}
    <tr class="{{ loop.cycle('odd', 'even') }}">
        <td>{{ item['column1'] }}</td>
        <td>{{ item['column2'] }}</td>
    </tr>

Answer 1

解决方案：

经过大量研究，我偶然发现了Quick Zebra Striping in Rails，这是一篇使用类似方法的 Rails 博客文章cycle：

CSS：

.odd {
   background: #0D1424;
}