1
respuesta

Secuencialidad de pseudoelementos

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

1 respuesta

Al poner a continuacion de .titulo-principal: first-letter { font-weight: bold;

esta nueva caracteristica .titulo-principal: before{ content: "{";

El primer caracter del texto ya no será, la letra del titulo, si no que la llave , la cual tendra la caracteristica Bold, dada anteriormente.