No me queda bien claro el porqué de que cuando colocamos:
.titulo-principal: first-letter { font-weight: bold; { .titulo-principal: before{ content: "{"; } .titulo-principal: after{ content: "}"; }
toma los últimos dos pero no el primero. Según lo que dijo Cristian, la primera aplicacion de pseudoelemento es alterada porque css hace un barrido secuencial y mira la ultima aplicación de ese elemento. En ese caso, no debería tomar solo el último? Que quedara el corchete del after y no los dos?
No se si expliqué bien mi duda