Cole seu CSS quebrado aqui e clique em "Corrigir CSS!!" para repará-loInsira CSS inválido

O que é o Corretor CSS?

O CSS falha em silêncio. Você esquece um ponto e vírgula depois de color: #222, digita txt-align em vez de text-align, deixa uma { a mais antes de #cart-summary ou esquece de fechar a string em content: "Total — o navegador não dispara erro, ele só ignora a regra. O corretor pega essas quebras e devolve um CSS que de fato parseia. Ele lida com seletores reais como .order-row ou #cart-summary, não só exemplos de brinquedo.

A especificação CSS é mantida pelo W3C CSS Working Group, com rascunhos ativos em drafts.csswg.org; o MDN CSS é a referência do dia a dia sobre o que cada propriedade faz. Depois de corrigir, passe a saída por um validador CSS para confirmar e consulte caniuse.com para ver suporte por navegador.

O processamento acontece no servidor e não persistimos a entrada. Conserte as regras, cole de volta na sua folha de estilos, faça o deploy.

Como Usar o Corretor CSS

Três passos. Cada um usa os botões reais desta página.

Cole CSS Quebrado ou Carregue Exemplo

Cole seu CSS quebrado no editor à esquerda. Clique em CSS de Exemplo para carregar uma regra quebrada de propósito com os erros mais comuns. Exemplo do que o corretor lida:

.order-row {
  color: #222
  padding 12px;
}

Repara ponto e vírgula faltando, {} desbalanceadas, dois pontos faltando entre propriedade e valor, strings não fechadas e typos óbvios em nomes de propriedades como txt-align.

Clique em Corrigir CSS!!

Clique no botão verde Corrigir CSS!!. O corretor analisa sua entrada, identifica os problemas de sintaxe e escreve a versão reparada no painel direito. Um indicador de carregamento aparece durante o processo.

Revise a Saída Corrigida

O painel direito mostra o CSS reparado. Os valores das propriedades não são tocados — apenas a sintaxe ao redor é corrigida. Cole a saída de volta na sua folha de estilos.

Quando Você Realmente Usaria Isto

Limpar Folhas de Estilo Antigas

Folhas antigas acumulam pequenas quebras de sintaxe — do tipo que seu editor nunca avisou porque a regra de cima e de baixo continuavam parseando. Passe o arquivo pelo corretor para encontrar o que seu linter deixou passar.

CSS de CMS ou Editores WYSIWYG

Editores de tema de CMS e exports WYSIWYG adoram emitir uma chave de fechamento a mais. O corretor normaliza isso sem você ter que caçar a <code>}</code> excedente.

Validação Pré-Build

Passe o CSS quebrado pelo corretor antes que ele chegue ao PostCSS, Sass ou seu bundler — os erros do transpilador ficam bem menos crípticos quando a entrada já era CSS válido.

Reparar Snippets Gerados por IA

CSS gerado por LLM frequentemente pula um ou dois ponto e vírgula. Passe a saída do modelo pelo corretor e você obtém um CSS que de fato se aplica no navegador em vez de falhar em silêncio.

Perguntas Frequentes

Meus dados CSS são armazenados?

Não. A correção roda no servidor mas não persistimos a entrada. Quando a resposta volta ao seu navegador, ela some do nosso lado.

Que tipos de erros corrige?

Ponto e vírgula faltando, chaves desbalanceadas, dois pontos faltando entre propriedade e valor, strings não fechadas e typos óbvios em nomes de propriedades — os problemas do dia a dia. Não reescreve seu design, só corrige a sintaxe.

Os valores de propriedades mudam?

Apenas quando necessário pela sintaxe (por exemplo, corrigir txt-align para text-align). Valores numéricos, cores e strings ficam como você escreveu.

Lida com <code>@media</code> e <code>@keyframes</code>?

Sim — o corretor trata blocos dentro de at-rules (@media, @keyframes, @supports) igual aos blocos de regra de nível superior. Chaves ou ponto e vírgula faltando ali dentro também são reparados.

Como confirmar que o CSS corrigido é válido?

Passe a saída por um validador CSS depois da correção. Você também pode combinar o corretor com nosso Validador CSS para uma segunda passada rápida.

Funciona com SCSS ou LESS?

O corretor mira CSS puro. Para sintaxe de pré-processador (variáveis, aninhamento, mixins) compile primeiro para CSS com SCSS para CSS ou LESS para CSS, depois passe pelo corretor se precisar.

Outras Ferramentas CSS

Corrigir é só um passo. Aqui estão as outras ferramentas CSS que combinam bem: