Casos de uso para múltiples pseudoelementos | Programar Plus

Solía ​​hacer una charla completa sobre pseudo elementos. Una de las cosas que mencioné fue que solía haber una especificación CSS3 que incluía pseudo elementos “múltiples”, pero se eliminó. Eso fue un fastidio, porque a veces simplemente ::before y ::after no son suficientes ¿Por qué la limitación aparentemente arbitraria?

Ahora, Alan Stearns de Adobe está preparando un nuevo borrador para el CSSWG para volver a agregar esto a la especificación (y hacer que funcione en los navegadores). ¡Él necesita ayuda! Necesita casos de uso visuales sobre por qué los diseñadores quieren esto.

Un ejemplo en el que pensé de inmediato fue la burbuja de diálogo. La flecha de la burbuja de diálogo se puede hacer a partir de un pseudo elemento, pero ¿qué sucede si necesita esos pseudo elementos para otras cosas? Por ejemplo, una cita en bloque puede tener comillas de apertura y cierre a su alrededor.

O es posible que deba usar Clearfix en él si es posible que haya elementos flotantes dentro. Clearfix (generalmente) usa ambos pseudo elementos disponibles en un elemento.

En una escala mayor, eche un vistazo a CodePen. Hay muchos ejemplos increíbles como este con un tanque de tiro. Muchas de esas demostraciones de estilo se crean a partir de un gran conjunto de elementos HTML para cada parte de ellas. ¿Por qué contaminar el DOM con elementos semánticos utilizados con fines no semánticos? Todo esto podría hacerse con pseudo elementos en su lugar.

¡Así que vamos a tenerlo amigos! ¿Cuáles son algunos casos de uso con los que te has encontrado en los que querías varios pseudoelementos pero no los tenías? Ayudar a Alan con esto ayuda a que la web avance.

(Visited 4 times, 1 visits today)