css - 是否有第三个伪元素，比如 after 和 before

Question

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

Answer 1

没有。 不可能(使用 CSS)添加到 ::before 或 ::after 的 content: 之前，或者换句话说 — 使 content:"x"; 成为 bad x 因为任何已定义的规则都会覆盖旧规则，并且没有第三个​​ 到 ::before 和 ::after 伪元素。