如何在Django模板中将CSS应用于三级递归mptt树？

Question

我有以下用于Django-mptt树的模板：

{% load static i18n %}
<div id="work_tree">

{% load mptt_tags %}

<ol>
    {% recursetree piece_tree %}
        <li>
            <a href="../{{ node.id }}">{{ node.name_w_version }}</a>
            {% if not node.is_leaf_node %}
                <ul class="children">
                    <em>{{ children }}</em>
                </ul>             
            {% endif %}
        </li>
    {% endrecursetree %}
</ol>
</div>

树分为三个级别：

Level 1
   |---> Level 2
            |---> Level 3

我想为每个级别设置不同的样式。要完成此操作，我必须更改模板中的什么？

Answer 1

模板中的每个node都是mptt模型的一个实例。因此，您可以在模板中访问它的级别：

{% recursetree piece_tree %}
    <li>
        <a href="../{{ node.id }}">{{ node.name_w_version }}</a>
        {% if not node.is_leaf_node %}
            <ul class="children {% if node.level == 1 %}class_1{% elif node.level == 2 %}class_2{% endif %}">
                <em>{{ children }}</em>
            </ul>             
        {% endif %}
    </li>
{% endrecursetree %}