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.
3 answers
Puede usar un pseudo-elemento :before
además de su :after
- http://jsfiddle.net/BePSq /
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.
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.
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