需要第三个伪元素，可以存档吗？

我需要类似.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>

2016-08-23 Sojtin

我真的不明白你想达到什么。你想改变'.foo.bar：before'的内容或什么？ –

我简单的想让div与'foo'和'bar'类填充内容'bad x orange x'，应该清楚，因为我提供了可运行的代码段 – Sojtin

@Roko C. Buljan是的，我明白了，混乱 – Sojtin

号这不可能的（使用CSS）时，预先准备:before或:after的content:或者换句话说使content:"x";成为bad x造成任何定义的规则将覆盖旧的一个，也没有第三个:before和:after

2016-08-23 08:04:45

回答