세 번째 의사 요소가 필요하다면, 그것을 달성 할 수 있습니까?

Question

.foo.bar에 3 번째 의사 요소와 같은 것이 필요합니다.

.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