En construcción

Final de instrucción

Como ya lo mencionamos, todas las instrucciones terminan con un salto de línea (\n o \r), a menos que sea una instrucción multi línea como puede ser el caso de los Scripts o los Atributos de selector. También se considera la instrucción terminada en el momento que aparezcan caracteres especiales de terminación.

Caracteres especiales de terminación

Ya sea por comodidad, legibilidad del código o cualquier otra situación. Algunas veces requerimos de poner diferentes instrucciones en una sola línea. Siendo este un lenguaje que termina la instrucción con saltos de línea y determina su relación entre instrucciones con la sangría, no sería posible de no ser por los caracteres de terminación: ;, :>, :<. Los cuales nos ayudan a terminar una instrucción y comenzar otra en la misma línea, manteniendo el patrón de padre-hijo-hermano, que caracteriza a este lenguaje. Estos caracteres tienen el siguiente significado:

  • ;, termina la instrucción y da por hecho que de haber una siguiente instrucción, esta será una hermana directa de la anterior.
  • :>, termina la instrucción y da por hecho que de haber una siguiente instrucción, esta será una hija directa de la anterior.
  • :<, termina la instrucción y da por hecho que de haber una siguiente instrucción, esta será una hermana de la madre actual.

ejemplo:

. padre :> display :   flex ; align-items :   center :< . padre-2 :> width :   100 %

Transpila a:

. padre   {
display :   flex ;
align-items :   center ;
}
. padre-2   {
width :   100 % ;
}