时间戳

首页 > 解决方案 > HTML 中的嵌入式 CSS - 根据不同的单词更改单词颜色

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

问题描述

我的情况

我目前正在尝试新的 Zabbix 主要更新 5 附带的新电子邮件功能。在那里，您可以使用 HTML 格式化您的电子邮件。我已经构建了一些东西，并且在那个 HTML 模板中有一个像这样的标题：

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

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

我希望看到的是基于严重性级别的此宏更改的颜色。所以，如果邮件在“信息”停留在那里时被发送出去，我希望它是绿色的，而当“灾难”在那里时，我希望它是红色的。

我的问题

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

在此先感谢您的每一条评论！

问候，乔什

标签： htmlcsszabbix

解决方案

您可以使用 CSS 并使用{TRIGGER.SEVERITY}. 然后用您想要的颜色定义 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_{TRIGGER.SEVERITY}"which 将变成上面代码块class="sev_High"中定义的eg。<style>

另一种方法是为每个严重性使用不同的媒体类型（相同的传输但不同的模板）——这会给你更多的自由，但你会有 6 个大部分相似的模板，因此必须在所有 6 个模板中实施更改.

推荐阅读