建模重叠的HTML跨越不同的CSS

Question

我正在寻找一种建模的好方法，以跟踪不同重叠的CSS组，类似于以下内容：

1. 这只是一个示例的测试句子。
2. （这是）只是一个（测试句子）。
3. （这只是）测试（示例的句子。）

根据选择哪些无线电按钮，我想为括号中的每个组启用不同的CSS样式。因此，例如，对于＃2，（这是）将始终具有不同的默认样式，并且在捕食时会突出显示红色，但仅当选择选项2时。会有很多不同的选项，因此，我想避免在必要时拥有多个源文本的副本。

问题是您不能重叠。我能做到的唯一方法是给每个单词多个CSS类，例如：

group2_word1，group3_word1等...，然后进行大量JavaScript编码以模拟我想要的行为。对我来说，这听起来像是一个可怕的主意。

有更好的方法吗？

Answer 1

我记得一个JavaScript库，它能够进行基于单词/字母的内联文本样式，但我不记得这个名字。我现在能发现的只是一个名为rangy的自由。也许您想尝试一下。我也会尝试找到另一个lib，如果找到它。

看一下可以做您想要的东西的CSSClassAppliermodule。