-
Notifications
You must be signed in to change notification settings - Fork 3
Home
Leonel Sanches da Silva edited this page Jan 6, 2024
·
3 revisions
FolEs é uma linguagem de estilização de documentos LMHT 100% em português, combinando qualidades das linguagens em que se inspira – CSS e SASS.
Um exemplo de código é apresentado abaixo:
lmht {
tamanho-fonte: 16px;
}
O estilo aplica-se num documento LMHT como este:
<lmht>
<cabeça>
</cabeça>
<corpo>
<p>Exemplo de documento LMHT</p>
</corpo>
</lmht>
Neste caso, selecionamos a estrutura <lmht>
e aplicamos nela um modificador, tamanho-fonte
, com o valor de 16 pixels (16px
). Todo e qualquer texto dentro da estrutura <lmht>
será modificado.
FolEs, assim como CSS e SASS, prioriza seletores mais precisos sobre seletores mais genéricos. Se modificarmos o primeiro exemplo para:
lmht {
tamanho-fonte: 16px;
}
.teste {
tamanho-fonte: 12px;
}
E nosso documento LMHT para:
<lmht>
<cabeça>
</cabeça>
<corpo>
<p>Exemplo de documento LMHT</p>
<p class="teste">Segundo parágrafo</p>
</corpo>
</lmht>
O primeiro parágrafo terá 16 pixels de tamanho, e o segundo, 12 pixels de tamanho, por ter um seletor mais preciso (neste caso, um seletor por classe).