enquanto brincava ::primeira letra
quando a string começa com @
então ela colore 2 letras.
footer {
color: mediumseagreen;
font-size: 2rem;
font-style: italic;
}
footer::first-letter { color: purple; }
<footer>@xyz</footer>
<footer>xyz</footer>
esse é o comportamento correto?
Por MDN,
O
@
caractere faz parte da categoria " Outras Pontuações ", portanto é correto que@x
fique destacado no seu primeiro exemplo.