2016-08-23 54 views
1

我需要類似.foo.bar的第三個僞元素。需要第三個僞元素,可以存檔嗎?

.foo.bar:before { content: "x "; } 
 
.foo.bar:after { content: " x"; } 
 

 
.foo.bar:before:before { content: "bad "; color: red; }
<div class="foo">apple</div> 
 
<div class="foo bar">orange</div> 
 
<div class="foo">chainsaw</div> 
 

+1

我真的不明白你想達到什麼。你想改變'.foo.bar:before'的內容或什麼? –

+0

我簡單的想讓div與'foo'和'bar'類填充內容'bad x orange x',應該清楚,因爲我提供了可運行的代碼段 – Sojtin

+0

@Roko C. Buljan是的,我明白了,混亂 – Sojtin

回答

1

號這可能的(使用CSS)時,預先準備:before:aftercontent:或者換句話說使content:"x";成爲bad x造成任何定義的規則將覆蓋舊的一個,也沒有第三個:before:after