for循环报错

来源：3-3 模板语法之模板标签（下）

weixin_慕哥3021856

2023-06-19 18:09:58

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模板标签</title>
    <style type="text/css">
        .odd {
            background-color: #ff0000;
            color: #fff;
        }
        .even {
            background-color: aqua;
            color: #000000;
        }
    </style>
</head>
<body>
    <h3>条件判断</h3>
    {% if var is none %}
    <p>var is none</p>
    {% else %}
    <p>var is not none</p>
    {% endif %}

    {% if a is defined %}
    <p>a已定义</p>
    {% else %}
    <p>a未定义</p>
    {% endif %}
    {% if a == 2 %}
    <p>a 等于 2</p>
    {% endif %}

    <h3>for循环dict -break</h3>
    {% for user in user_list -%}
        <p class="{{ loop.cycle('odd','even) }}">
            第{{ loop.index }}个用户，总共{{ loop.length }}个：<br/>
            {% for key, value in user.items() -%}
                {% if loop.index > 2 -%}
                    {% break -%}
                {% endif -%}
                {{ key }}: {{ value }}
            {% endfor -%}
        </p>
    {% else %}
        <p>用户信息为空</p>
    {% endfor %}

    <h3>for循环的使用</h3>
    {% for item in user_list -%}
        <p>用户名：{{ item.username }},年龄：{{ item.age }}</p>
    {% else %}
        <p>用户信息为空</p>
    {% endfor %}


    <h3>for循环 dict</h3>
    {% for user in user_list -%}
        <p class="{{ loop.cycle('odd','even') }}">
            第{{ loop.index }}个用户，总共{{ loop.length }}个：<br/>
            {% for key,value in user.items() %}
                {{ key }}:{{ value }}
            {% endfor -%}
        </p>
    {% else %}
        <p>用户信息为空</p>
    {% endfor %}

    <!--    添加注释-->
    <h3>赋值的使用</h3>
    {% with %}
        {set value = 42%}
        {{value}}只在当前代码块有用
    {% endwith %}
</body>
</html>

问题描述：

报错odd，而且style type被划掉，是不能用了吗？

相关截图：