是否可以对文本中的半个字符应用CSS样式？

```html 大家好！我是一名前端开发新手，遇到了一个有趣的问题。需要让一个字母的一半（例如左半部分）染成一种颜色，右半部分染成另一种颜色。 我尝试通过标准CSS属性来实现，但没成功。以下是我的尝试示例： ```javascript // 尝试将字符串拆分为字符并样式化一半 const text = "Привет"; const letters = text.split(''); // 然后不知道该怎么办... ``` 我试过使用`::before`和`::after`，但它们只对整个元素起作用。使用了`background-clip: text`，但这会为整个文本着色。也许有某种通过JavaScript的巧妙方法？或者这根本不可能？ 我需要结果看起来像这样：字母“П”的左半部分是红色，右半部分是蓝色。也就是说，样式不是应用于整个字符，而是应用于其一部分。我看到有些网站用渐变实现了类似效果，但我需要字母中间有一个清晰的过渡。 ```