Python 根据传递的变量更改HTML表中的颜色

我试图在python Flask中创建一个表，但是我在更改表的每一行的颜色方面有点问题。这是我的HTML文件内容：

<tr class=fail>
    <td class="title">Status</td>
    <td>{{ query.get("status") }}</td>
</tr>

问题：

当我将HTML类从class=fail或class=success更改为

class={{{query.get（'status'）}}

时，所有问题都会发生，因为我不想手工操作，只想将dictionary的值传递给它

尝试：

我还尝试将.css内容更改为：

tr.Success {
    background-color: #21eaab !important;
}

tr.Fail {
    background-color: #f56279 !important;
}

---

甚至

或

这些解决方案中的哪些不适用。这个问题应该是一个我找不到的小问题

假设

{{query.get（“status”）}

完全按照所述打印“Success”或“Fail”，那么这应该可以工作：

<tr class={{ query.get("status").lower() }}>
    <td class="title">Status</td>
    <td>{{ query.get("status") }}</td>
</tr>

tr.success {
    background-color: #21eaab !important;
}

tr.fail {
    background-color: #f56279 !important;
}

---

但这样做可能会在细胞之间形成一条细细的白线。但是，如果存在特殊性作用域冲突，它将帮助您更好地排除故障。

当您执行

{{query.get（“status”）}

呈现页面时，表单元格中出现了什么值？它在表时间中打印成功或失败，行样式由单元格样式覆盖。尝试使用

tr.Success td{…}

和

tr.Fail td{…}

。我尝试了这个解决方案，但是出现了一个错误：jinja2.exceptions.UndefinedError:'str object'没有属性'toLowerCase'，我还检查了{query.get（“status”）}.toLowerCase（），在本例中，它没有引起任何错误，但颜色再次没有改变。对不起，我用的是React语法，而不是jinja。lower（）应该适用于您的情况，但是如果结果仍然不能反映您的样式，那么您必须有一个CSS冲突，如果没有看到其他样式，我们就无法知道该冲突。我已经使用lower（）编辑了我对jinja的回答

<tr class={{ query.get("status").lower() }}>
    <td class="title">Status</td>
    <td>{{ query.get("status") }}</td>
</tr>

tr.success {
    background-color: #21eaab !important;
}

tr.fail {
    background-color: #f56279 !important;
}

tr.success td {
    background-color: #21eaab !important;
}

tr.fail td {
    background-color: #f56279 !important;
}