如何设置长HTML代码的样式

我有一个很长的HTML行，如下所示：

<p>ABC , DEFG , HI , JKLMN </p>

ABC，DEFG，HI，JKLMN

我想给每一部分的信做个样式。有可能瞄准他们吗？长度并不总是相同的，它可以改变，但是

，

将始终将它们分开

---

我无法修改HTML以包含类。

您可以使用javascript或jquery来执行相同的操作

这是一个正在工作的

HTML

<p>ABC , DEFG , HI , JKLMN </p>

---

您可以使用javascript或jquery来执行相同的操作

这是一个正在工作的

HTML

<p>ABC , DEFG , HI , JKLMN </p>

除非这些单词或“字母的一部分”具有CSS所针对的选择器。考虑探索JavaScript方法到字符串替换（<代码>替换（）/代码>）或在逗号上拆分字符串（<代码>，<代码>），并将元素中的前面或后面的单词用CSS包起来。除非这些单词或“字母的一部分”有CSS的目标选择器。考虑将JavaScript方法用于字符串替换（<代码> .Rebug（）/代码>），或者在逗号（，）中拆分字符串，并将元素中的前面或后面的单词用CSS包起来。

.red {
  color: red;
}
.blue {
  color: blue;
}