Html 是否可以将不同的颜色应用于印度文字的不同部分？

受此启发，我想知道是否可以用印度文做类似的事情？例如，在僧伽罗ක + ා = කා （辅音+元音）。是否可以将元音笔划呈现为与基本辅音不同的颜色？其他组合：

ක + ෙ = කෙ
ක + ු = කු
ක + ො = කො
ක + ් = ක්
ම + ් = ම්
ම + ු = මු
ද + ා = දා
ක + ්‍ර = ක්‍ර
ර්‍ + ක = ර්‍ක
ක + ්‍ය = ක්‍ය
ර්‍ + ක + ්‍ර + ො = ර්‍ක්‍රො

我正在寻找类似于此的效果：

---

提前感谢您的精彩回答

据我所知，对半个字符应用css样式是不可能的，但我打赌你可以使用两个不同颜色的z索引图形，甚至字形来伪造它。用一个来掩盖另一个

---

这是可行的，但工作量巨大

我对上一个问题中的代码进行了研究，得出了以下结论：

如果你转到链接，你会看到一些组合不起作用，但大多数组合起作用。另一个问题是元音笔划完全或部分在辅音之前。我必须为“e”（黄色）和“ee”（深绿色）设置明确的宽度，这可能会因不同的字体而中断

我将在自动完成解决方案后发布源代码

---

有人吗？

与基于简单几何问题的另一个问题不同，这个问题完全取决于组合字形本身的性质。如果不使用自定义字体或矢量图像，我会感到惊讶。作为您提到的原始问题的作者，我认为这非常有趣。我会密切关注，看看是否有人能弄明白！如果它持续一段时间，我甚至可以提供一笔赏金可以应用半个字符的css样式。（参见他们在帖子中提到的我的问题）我在页面底部组合了半样式代码以显示英语发音：）我在页面中添加了一些其他印度语脚本。我认为它可以作为概念的证明，但代码可能需要清理一下。我喜欢

：after

和

：before

解决方案，但我无法确定当元音笔划在两侧时是否可以将辅音“居中”。这就是我使用

s的原因。