:: después de pseudo-elementos

Question

Duplicar posibles:
Adding pseudo-elements after pseudo-elements

me gustaría aplicar dos css ::after pseudo-elementos a un solo elemento DOM, cada uno con un diferente color. (Sí, podría envolver el elemento DOM en otro elemento DOM y darles a cada uno un pseudo-elemento ::after, pero mi preferencia es html limpia.)

Dudo que sea posible, pero me pregunto si alguien puede decirme mejor.

Especialmente dudo la posibilidad de encadenar ::after pseudo-elementos juntos para que uno ::after pertenezca a otro, que pertenece a un elemento DOM, pero si alguien sabe cómo hacerlo, por favor dígale.

Answer 1

Se puede utilizar un pseudo-elemento :before, además de su :after - http://jsfiddle.net/BePSq/

Answer 2

No se pueden agregar dos pseudoelementos ::after a un elemento DOM. Sin embargo, puede agregar un ::before adicionalmente. Dependiendo de lo que trates de lograr, esto puede funcionar.

Answer 3

Se puede utilizar tanto en el: before y: after pseudo-elementos simultáneamente en un elemento DOM. Solo asegúrate de colocarlos correctamente. Creo que antes coloca el psudo-elemento antes del padre, mientras que: después lo coloca después en el html. Sin embargo, solo puedes usar estos dos y no puedes agregar más pseudo-elementos que eso.