需要第三个伪元素，有可能实现吗？

Question

我需要.foo.bar的第三个伪元素。

＆＃13;

＆＃13;

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

.foo.bar:before:before { content: "bad "; color: red; }

＆＃13;

<div class="foo">apple</div>
<div class="foo bar">orange</div>
<div class="foo">chainsaw</div>
 

＆＃13;

＆＃13;

＆＃13;

Answer 1

没有。 不可能（使用CSS）预先添加到:before或:after的{​​{1}}，或者换言之，content:成为{{1}因为任何已定义的规则都会覆盖旧规则，并且content:"x";和bad x

没有第三个规则