如何在HTML中用多种颜色突出显示文本的不同部分

Question

假设我们有一段文本，我们想用不同的颜色突出显示文本的不同部分，如下所示：

突出显示可以包括文本范围之间的潜在重叠，如上面的示例所示。我只是想知道我需要使用/利用哪种技术来实现这一目标？我是否应该在CSS和HTML周围玩耍，看看如何在HTML中为span或mark标签定义一个类？还是有免费的东西准备好让我可以用适当的标签生成文本并将其放入HTML生成彩色文本？

我的模板位于HTML5中。