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

tpxzln5u 于 2023-01-18 发布在其他

关注(0)|答案(1)|浏览(201)

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

不。它是不可能的（使用CSS）前置到::before或::after的content:，或者换句话说-使content:"x";成为bad x，因为任何定义的规则都会覆盖旧的规则，而且没有 * 第三个 * 到::before和::after伪元素。