能否只对半个字符（字母）应用CSS样式？

大家好！我正在制作一个小型作品集网站，遇到了一个有趣的问题。我有一个包含名字的标题，希望字母的左半部分是红色，右半部分是蓝色。例如，对于字母“A”，希望左腿是一种颜色，右腿是另一种颜色。 我了解CSS，知道如何为整个字符设置样式，但如何将一个字符分成两半呢？我尝试过使用渐变（linear-gradient），但它们会为整个字符着色，而不是部分。我尝试过将半部分包裹在带有overflow: hidden的span中，但这只适用于等宽字体，而且看起来很奇怪。 以下是我尝试过的示例： ```javascript // 我想，也许可以通过JavaScript拆分字符串，并将字母的一半包裹在span中？ const text = "Привет"; const halfIndex = Math.ceil(text[0].length / 2); // 但这不起作用，因为字符是不可分割的单位 ``` 也许有什么巧妙的CSS技巧或JavaScript解决方案？我看到CSS-Tricks上讨论过类似的事情，但...