Dos: después de pseudo-elementos [duplicar]


Posible Duplicado:
Añadir pseudo-elementos después de pseudo-elementos

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

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

Dudo especialmente de 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 hacer que eso suceda, por favor diga.

Author: Community, 2012-06-01

3 answers

Puede usar un pseudo-elemento :before además de su :after - http://jsfiddle.net/BePSq /

 34
Author: Zoltan Toth,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-06-01 19:07:32

No se pueden añadir dos pseudo-elementos ::after a un elemento DOM. Sin embargo, puede agregar un ::before adicionalmente. Dependiendo de lo que usted está tratando de lograr, esto puede funcionar.

 6
Author: bookcasey,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-06-01 19:05:56

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

 1
Author: David,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-06-01 19:09:19