如何將顏色設置爲一個單詞的某些字符？

Question

首先，我正在談論波斯語..注意到它是一種rtl語言。

這是我目前的一句話：

سلامتی 

正如你看到的，所有的波斯字符堅持（棒）在一起。現在我需要將紅色顏色設置爲4個第一個字符。事情是這樣的：

span{ 
 
    color:red; 
 
}

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

正如你看到的，當我設置紅色顏色一些字符，字將有兩個不同的分區。雖然整個的就是一個字並且所有角色都應該堅持彼此（如سلامتی）。

我該如何解決？

Answer 1

就這麼分開設置你的話 白色的空間，讓你可以試試這個

<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 2

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

或更高：

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

Answer 3

您可以使用內嵌樣式表

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

Answer 4

在這種情況下，你必須在你想要的內容的末尾插入一個零寬連字‍其加入到其它。

這樣的：

.red{color:red;}

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