Minifique CSS removendo comentarios e espacos extras para revisar rapidamente a saida compacta.
Entrada / Saida
Entrada, saida e acoes de copiar ficam nesta area principal. Exemplos e verificacoes ficam separados abaixo.
Sessao local
O estado da entrada fica salvo apenas neste navegador para restaurar o ultimo trabalho sem conta.
Abra exemplos, checagens e ferramentas relacionadas apenas depois do fluxo principal de entrada e saida.
Revisar um snippet CSS
Formate o snippet CSS, copie o relatorio CSS e depois revise minificacao e contraste.
Formate o snippet e copie o relatorio com selector, token, cascade, specificity e checklist.
Se for compartilhar CSS compacto, revise compressao, remocao de comentarios e relatorio minificado.
Revise tokens de cor contra contraste WCAG se o snippet alterar cores visiveis.
Antes de copiar
Falhas comuns
Ferramentas relacionadas
Guias
Abra exemplos, checagens e ferramentas relacionadas apenas depois do fluxo principal de entrada e saida.
.card { display: flex; gap: 16px; color: #111; }/* handoff note */ @media (min-width:768px) { .grid { display:grid; } }#hero .title { color: rgb(10, 20, 30); }Exemplos CSS
Blocos selector
1
Declaracoes
2
Media queries
0
Linhas de saida
1
Revise seletores, valores, regras @ e tamanho minificado antes de copiar.
Propriedades personalizadas
0
Nenhuma propriedade personalizada detectada.
Valores de cor
1
#111
Regras @
0
Nenhuma regra @ detectada.
Taxa de compressao
16%
Reducao estimada apos remover espacos e comentarios.
Previa de seletores
Primeiros seletores encontrados no snippet.
Relatorio de revisao CSS
Copie um relatorio de handoff com seletores, tokens, cascade, specificity, compressao, avisos e checklist.
Modo de saida
Minificar
Blocos selector
1
.card
Declaracoes
2
Propriedades personalizadas
0
Nenhuma propriedade personalizada detectada.
Valores de cor
1
#111
Regras @
0
Nenhuma regra @ detectada.
Seletores duplicados
Nao
Risco de specificity ID
Nao
Comentarios presentes
Nao
Taxa de compressao
16%
Notas de revisao
Checklist de revisao
# Relatorio de revisao CSS - Revisado em: Hora de copia no navegador - Modo de saida: Minificar - Caracteres: 37 - Linhas de saida: 1 - Blocos selector: 1 - Declaracoes: 2 - Propriedades personalizadas: 0 - Valores de cor: 1 - Regras @: 0 - Seletores duplicados: Nao - Risco de specificity ID: Nao - Comentarios presentes: Nao - Taxa de compressao: 16% - O CSS bruto nao entra neste relatorio; anexe um snippet redigido se necessario. ## Notas de revisao - Este formatter leve e para snippets pequenos. Rode o formatter do projeto antes de commitar folhas grandes. ## Checklist de revisao - Teste o CSS no breakpoint, tema e navegador destino antes de publicar. - Confirme que ordem de seletores, duplicados e specificity combinam com a cascade desejada. - Compare propriedades personalizadas e tokens de cor com o design system antes de copiar. - Preserve licencas e comentarios de handoff ao minificar ou colar em docs. - Rode o formatter ou build pipeline do projeto antes de commitar grandes mudancas de stylesheet.
Saida pronta para copiar
.card{display:flex;color:#111;}