如何为一个单词的某些字符设置颜色？答案

【问题标题】：How can I set a color to just some characters of one word?如何为一个单词的某些字符设置颜色？
【发布时间】：2016-11-13 06:48:19
【问题描述】：

首先，我说的是波斯语。注意它是一种 rtl 语言。

这是我现在的话：

سلامتی

如您所见，所有波斯字符都粘在一起（粘在一起）。现在我需要将 red 颜色设置为前 4 个字符。像这样的：

span{
    color:red;
}

&lt;span&gt;سلام&lt;/span&gt;تی

如您所见，当我将 red 颜色设置为某个字符时，该单词将是两个不同的分区.. 而整体是一个单词，所有字符应相互粘连（比如سلامتی）。

我该如何解决？

【问题讨论】：

【解决方案1】：

在这种情况下，您必须在要将其加入其他内容的内容末尾插入 零宽度连接符 &zwj;。

像这样：

.red{color:red;}

&lt;span class="red"&gt;سلام&amp;zwj;&lt;/span&gt;تى

【讨论】：

【解决方案2】：

这是区分您的单词的空白所以你可以试试这个

<div class="wrapper">
    <span class="red">سلام</span>   <span>تی<span>
</div>

css 会像

.wrapper {font-size:0}
.wrapper span{font-size:12px;}
.wrapper .red{color:red;}

希望对你有帮助

【讨论】：

【解决方案3】：

你可以使用内联样式表

<p style="color:green">Hello</p>
<p style="color:red">World!</p>

【讨论】：

【解决方案4】：

您可以指定样式：<span style="color: red;">سلام</span>تی

或更好：

    <span class="color_red">سلام</span>تی
    <style>
    .color_red {
      color: red;
      letter-spacing: -1px;
    }
    </dtyle>

【讨论】：