如何使用CSS替換某些文字中的單詞？

Question

我有第三方插件，我需要更改一個單詞。他們只給我訪問CSS：

<span class="apple">This is some words</span> 

更改爲：

<span class="apple">This is some text</span> 

我怎麼會做純CSS？

Answer 1

你可以嘗試下面使用僞選擇:after，

span{ 
 
    position:relative; 
 
    color:transparent; 
 
} 
 
span:after{ 
 
    content:'This is some text'; 
 
    position:absolute; 
 
    right:10px; 
 
    color:#111; 
 
}

<span class="apple">This is some words</span>

Answer 2

如果你有機會到HTML，那麼你可以隱藏不需要的文本的包裝：

p.old-text-class { diplay: none;} 

，並在同一個地方在HTML中插入新的案文：

<p class="new-text-class">This is some text</p> 

Answer 3

使用try一個帶有內容的僞元素。

.apple { 
 
    visibility: hidden; 
 
} 
 
.apple:before { 
 
    content: "This is NEW text"; 
 
    visibility: visible; 
 
}

<span class="apple">This is OLD text</span>