2つの:: after擬似要素

Question

可能性のある複製：
擬似要素の後に擬似要素を追加

2つのCSSを適用したい::afterそれぞれが異なる色の単一のDOM要素への擬似要素。 （はい、DOM要素を別のDOM要素でラップし、それぞれに::after擬似要素ですが、私の好みはよりクリーンなhtmlです。

私はそれが可能だとは思いませんが、誰かが私にもっとよく言うことができるかどうか疑問に思います。

連鎖する可能性を特に疑っています::after疑似要素が一緒になり、1つの::afterは別のDOM要素に関係していますが、それを実現する方法を知っている人がいたら教えてください。

Answer 1

:beforeに加えて:after擬似要素を使用できます- http://jsfiddle.net/BePSq/

Answer 2

1つのDOM要素に2つの::after擬似要素を追加することはできません。ただし、::beforeを追加できます。あなたが達成しようとしているものに応じて、これはうまくいくかもしれません。

Answer 3

1つのDOM要素で：beforeおよび：after疑似要素を同時に使用できます。正しく配置してください。 ：beforeはpsudo-elementを親の前に配置し、：afterはhtmlの後にそれを配置すると信じています。ただし、これら2つのみを使用でき、それ以上の擬似要素を追加することはできません。