Recordemos que una etiqueta puede tener etiquetas hermanas, que son las etiquetas que tendrán la misma etiqueta madre. Igualmente, esta etiqueta puede tener otras etiquetas hijas y a su vez estas hijas pueden tener más etiquetas hijas, en pocas palabras, tenemos exactamente las mismas relaciones entre etiquetas que en HTML.

En este lenguaje, lo que indica la relación que hay entre etiquetas, es la sangría de cada una, la sangría que hay entre etiquetas puede ser indicada con tabs o espacio e incluso una combinación entre ambas, lo importante es que entre más a la derecha está una etiqueta, será la hija de la etiqueta que esté más a la izquierda, por ejemplo:

. madre

. hija_1 ;. hija_2

. hija_3_madre

. hija_3_1

. hija_3_2

. hija_4

Transpila a:

< div class =" madre " >

< div class =" hija_1 " ></ div >

< div class =" hija_2 " ></ div >

< div class =" hija_3_madre " >

< div class =" hija_3_1 " ></ div >

< div class =" hija_3_2 " ></ div >

</ div >

< div class =" hija_4 " ></ div >

</ div >

Como apunte en este ejemplo se ilustra con hija_2, cómo sin importar la sangría, siempre y cuando sea mayor, se toma como hija del anterior más próximo con menor sangría.

En construcción

Relación en el nodo