Markdown Listas compactas e esparsas

Última atualização: 2026-10-14

Listas compactas e esparsas Núcleo CommonMark

A presença ou ausência de linhas em branco entre os itens define “compacta/esparsa”: na lista compacta, cada item é renderizado como texto puro em <li>; na esparsa, cada item é envolvido por <p> e o espaçamento fica maior. A diferença visual é evidente e afeta também os seletores CSS.

GrupoCasos limite e regras
Nível de especificaçãoNúcleo CommonMark
Versão da especificaçãoCommonMark 0.31.2 + GFM

📝 Sintaxe

(Linha em branco entre itens = lista esparsa)

▶ Exemplo interativo

Edite o Markdown à esquerda e veja o resultado à direita

💡 Destaques

ℹ️ Note A compactação é decidida pela lista como um todo, não por item individual — basta haver linha em branco entre itens para a lista inteira ficar esparsa.
💡 Tip Ao escrever CSS, selecionar diretamente o li afeta o estilo por causa do <p> interno; confirme antes a compactação da lista alvo.

❓ Perguntas frequentes

P Como transformar uma lista esparsa em compacta?
R Basta remover as linhas em branco entre os itens.
P A lista esparsa é um bug?
R É comportamento da especificação: semanticamente, “item de lista com vários parágrafos” deve ser esparsa.
P Aninhar uma sublista deixa o nível externo esparso?
R Deixa — a linha em branco acima da sublista torna o nível externo esparso; é o acidente visual mais comum.

📚 Itens relacionados

Listas não ordenadasNúcleo CommonMark Listas ordenadasNúcleo CommonMark Aninhamento de listasNúcleo CommonMark
Web-Tutorial.com

Equipe Técnica Web-Tutorial

Uma plataforma de tutoriais mantida por diversos desenvolvedores. Cada tutorial é escrito e revisado por profissionais da área correspondente. Trabalhamos para manter nosso conteúdo preciso e confiável — se encontrar algum problema, avise-nos.

100%