在HTML中嵌入CSS-根据不同的单词更改单词颜色

Question

我的处境

我目前正在试用新的电子邮件功能，该功能与新的Zabbix主要更新5一起提供。在那里，你可以用HTML格式化你的电子邮件。我已经构建了一些东西，在HTML模板中有一个这样的标题：

<h3 align="center"><font color="white">Severity: {TRIGGER.SEVERITY}</font></h3>

{TRIGGER.SEVERITY}是一个Zabbix宏，用于显示通过邮件发送的警报的严重性。

我希望看到的是基于严重性级别的宏更改的颜色。因此，如果邮件在"；"信息"；住在那里，我希望它是f.e.绿色的，而当"灾难；在里面，我希望它是红色的。

---

我的问题

这可能吗？如果是，我将如何实现这一目标？

提前感谢您的每一条评论！

问候，Josh

Answer 1

您可以使用CSS并使用{TRIGGER.SEVERITY}分配CSS类。然后用你想要的颜色定义CSS类，例如一个模板可能看起来像这样：

<style type="text/css">
.sev_Disaster {
color: #E45959;
}
.sev_High {
color: #E97659;
}
.sev_...
</style>
<h3 align="center"><span class="sev_{TRIGGER.SEVERITY}">Severity: {TRIGGER.SEVERITY}</span></h3>

注意将变为例如class="sev_High"的class="sev_{TRIGGER.SEVERITY}"，其在上面的<style>块中定义。

另一种方法是针对每个严重性使用不同的媒体类型(相同的传输但不同的模板(-这会给你更多的自由，但你会有6个基本相似的模板，因此必须在所有6个模板中实现更改。