如何在 HTML 页面给阿拉伯字母上色？

Question

我有一个阿拉伯语字符，上面有一些元音字母，例如 Êُ。 我想用一种颜色给基本字符 (Taa) 上色，在 HTML 页面上用单独的颜色在它上面画两个点，在两个点上面的符号用另一种颜色。 可能吗？ 如果可能的话，我该怎么做？ 示例表示赞赏。

Answer 1

没有任何解决方法是不可能的，但您可以借助一些 unicode 字符映射将角色的不同部分分开，并使它们像主要角色的模块一样 assemble 他们借助伪选择器。然后你就可以单独给它们上色了。

h1 {
  color:red;
  position: relative;
}

h1::before {
  content: "ܸ";
  color:green;
  position: absolute;
  left: 0.45ch;
  bottom: 1ch;
}

h1::after {
  content: "ُ";
  color:blue;
  position: absolute;
  left:0.1ch;
  bottom: -0.2ch;
}

<h1>ٮ</h1>