2016-01-01 56 views
0

例如,像:可能使用:僞選擇器本身之前?

HTML

<p>text</p> 

CSS

p:before { 
content: " 1"; 
} 

p:before:before { 
content: " 2"; 
} 

這將結束了這樣的事情:

text 1 2 

如果這是不可能的,是有什麼辦法可以效仿同樣的效果?

在我的項目中,我隱藏了原始文本內容font-size:0,並在:before僞選擇符的位置添加了彩色文本。

然而,這2個字,所以我希望能夠增加更多的內容生成的內容後改變顏色。

enter image description here

的「GLB指南」使用:before生成的,但我希望能夠讓這兩個詞不同的顏色。

希望有道理!

+0

的唯一的事情是,有:後 – Akxe

回答

3

你想要的東西像下面這讓你有兩個不同的彩色文本:

p:before { 
 
content: " GLB"; 
 
color: red; 
 
} 
 

 
p:after { 
 
content: " Guide"; 
 
color: blue; 
 
}
<p></p>

+1

謝謝這個工作不平凡!它從來沒有想過你可以使用:之前和之後:在同一個元素上。 – antonlab