我需要类似于第三个伪元素的东西.foo.bar。
.foo.bar:before { content: "x "; }
.foo.bar:after { content: " x"; }
.foo.bar:before:before { content: "bad "; color: red; }Run Code Online (Sandbox Code Playgroud)
<div class="foo">apple</div>
<div class="foo bar">orange</div>
<div class="foo">chainsaw</div>
Run Code Online (Sandbox Code Playgroud)
不。不可能(::before使用CSS)在or::after之前添加content:,或者换句话说 \xe2\x80\x94 使成为content:"x";成为bad x原因,因为任何定义的规则都会覆盖旧的规则,并且没有第三个to::before和::after伪元素。