Html 有没有一种方法可以在不使用span的情况下为Jamo字母（韩语/韩语书写）选择特定的字符参考_Html_Css

Html 有没有一种方法可以在不使用span的情况下为Jamo字母（韩语/韩语书写）选择特定的字符参考

html css

Html 有没有一种方法可以在不使用span的情况下为Jamo字母（韩语/韩语书写）选择特定的字符参考,html,css,Html,Css,我正试着给韩语字符加上颜色代码。每个“块”在韩语中产生一个音节。韩语被分解成与英语字母相似的字母。当你用韩语输入jamo/字母时，它们通常组合成一个音节，计算机通常将其视为一个块。我希望能够在组成音节的字符引用列表中选择一个特定的字符引用，而不使用span。使用span时，字符引用与组合块分离。我想做的就是知道如何选择一个特定的字符引用并为其上色，而不将其分割成不同的块我几乎成功地完成了我想做的事情，但这需要使用位置：绝对；边距和z索引使元素重叠以创建1块的错觉。但它并没有很好地设计jamo的

我正试着给韩语字符加上颜色代码。每个“块”在韩语中产生一个音节。韩语被分解成与英语字母相似的字母。当你用韩语输入jamo/字母时，它们通常组合成一个音节，计算机通常将其视为一个块。我希望能够在组成音节的字符引用列表中选择一个特定的字符引用，而不使用span。使用span时，字符引用与组合块分离。我想做的就是知道如何选择一个特定的字符引用并为其上色，而不将其分割成不同的块

我几乎成功地完成了我想做的事情，但这需要使用位置：绝对；边距和z索引使元素重叠以创建1块的错觉。但它并没有很好地设计jamo的样式，使其看起来与其他正常文本一致。还有，我想还有更好的办法

下面的字符参考图是混合字符参考和定期键入的韩语列表的示例。如果我想添加空间，我可以添加空间。当这样写的时候，由于使用了上面链接中的图表，韩语自然地形成了它的块。如何选择示例ㅂ 信ᆸ

&#x11B8;

之前列表中的最后一个니다 改变它的颜色，而不是把它喷到自己的块里

<p>&#x1100;&#x1161;&#x11B7;&#x1109;&#x1161; &#x1112;&#x1161;&#x11B8;니다</p>

在展览上，它看起来像这样 감사 합니다

我能让它工作的方法就是使用这个代码

  <style>
    .element { font-size:16px; position:absolute; }
    #element-1 { color:red; z-index:1; }
    #element-2 { color:red; margin:0px 0 0 3px; z-index:2; }
    #element-3 { color:green; margin:0px 0 0 0px; z-index:3; }
  </style>
<body>
  <div>
    <p><span style="color:red;">네, </span>
       <span id="element-1" class="element">&#x1100;</span>
       <span id="element-2" class="element">&#x1161;</span>
       <span id="element-3" class="element">&#x11B7;</span>
       <span style="color:green; margin-left: 19px;">사합니다</span>
    </p>
  </div>
</body>

哪个应该显示 네, 감시합니다 但是감 在风格上看起来不匹配，因为我在每个字母上都有跨度감 它将每个jamo放在每个块的相对部分，然后使用技术使用z索引、边距和绝对位置重叠它们。当作为单独的块使用时，字体样式与自然组合时不一样

我认为最简单的方法是，如果我能想出如何在CSS中选择字符引用和更改颜色而不创建单独的块。

简而言之，纯html/CSS是不可能的

正如你所知道的，韩国语jamos在不同的音节上有不同的形状。例如ㄱ 属于감 和ㄱ 属于곤 具有相同的代码X1100，但形状不同前者在左侧较长，后者在顶部较宽。有10个或更多的形状可供选择ㄱx1100和形状的数量由字体定义

为了满足您的要求，您需要在canvasor svg上绘制jamo。这不容易，但也不实用

尽管如此，您还是想挑战，请参见

gg 德国劳埃德船级社