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

Question

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

这是我现在的话：

سلامتی

如你所见，所有波斯人物都被粘在一起。现在我需要将红色颜色设置为4个第一个字符。像这样：

＆＃13;

＆＃13;

span{
    color:red;
}

＆＃13;

<span>سلام</span>تی

＆＃13;

＆＃13;

＆＃13;

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

我该如何解决？

Answer 1

在这种情况下，您必须在要将其加入其他内容的内容的末尾插入 零宽度加入者 ‍。

像这样：

＆＃13;

＆＃13;

.red{color:red;}

＆＃13;

<span class="red">سلام&zwj;</span>تى

＆＃13;

＆＃13;

＆＃13;

Answer 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;}

希望这会有所帮助

Answer 3

您可以指定一种风格：<span style="color: red;">سلام</span>تی

或更好：

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

Answer 4

您可以使用内联样式表

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