::la primera letra no cuenta `@` y aplica css en 2 letras
mientras juega ::primera letra
cuando la cadena comienza con @
entonces colorea 2 letras.
footer {
color: mediumseagreen;
font-size: 2rem;
font-style: italic;
}
footer::first-letter { color: purple; }
<footer>@xyz</footer>
<footer>xyz</footer>
Expandir fragmento
¿Es este el comportamiento correcto?
Aceptado
Según MDN,
La puntuación que precede o sigue inmediatamente a la primera letra se incluye en la coincidencia. La puntuación incluye cualquier carácter Unicode definido en las clases de apertura (Ps), cierre (Pe), comilla inicial (Pi), comilla final (Pf) y otras clases de puntuación (Po).
El @
carácter es parte de la categoría " Otra puntuación ", por lo que es correcto @x
resaltarlo en el primer ejemplo.