Deux :: après les pseudo-éléments

Question

Duplicata possible:
Ajout de pseudo-éléments après les pseudo-éléments

Je voudrais appliquer deux css ::after pseudo-éléments vers un seul élément DOM, chacun avec une couleur différente. (Oui, je pourrais envelopper l'élément DOM dans un autre élément DOM et donner à chacun et ::after pseudo-élément, mais ma préférence est un nettoyant html.)

Je doute que ce soit possible, mais je me demande si quelqu'un peut me dire mieux.

Je doute surtout de la possibilité de chaîner ::after pseudo-éléments ensemble pour que l'on ::after appartient à un autre, qui appartient à un élément DOM, mais si quelqu'un sait comment y arriver, veuillez le dire.

Answer 1

Vous pouvez utiliser un :before pseudo-élément en plus de votre :after - http://jsfiddle.net/BePSq/

Answer 2

Vous ne pouvez pas ajouter deux ::after pseudo-éléments vers un élément DOM. Vous pouvez cependant ajouter un ::before aditionellement. Selon ce que vous essayez d'accomplir, cela peut fonctionner.

Answer 3

Vous pouvez utiliser simultanément les pseudo-éléments: avant et: après sur un élément DOM. Assurez-vous simplement de les positionner correctement. Je crois: avant place le psudo-élément avant le parent, tandis que: après le place après dans le html. Cependant, vous ne pouvez utiliser que ces deux éléments et vous ne pouvez pas ajouter plus de pseudo-éléments.