Validador CSS
Valide seu código CSS em busca de erros de sintaxe
CSS de entrada
Resultado da validação
Exemplos de validação CSS
O CSS válido tem sintaxe correta; o CSS inválido tem erros. Exemplos:
CSS válido
CSS inválido – falta ponto e vírgula
À primeira regra falta um ponto e vírgula após 1200px.
Cole qualquer exemplo no editor acima para ver o resultado da validação. Use Exemplo para carregar mais dados.
O que é um validador CSS?
CSS (Cascading Style Sheets) tem regras de sintaxe. Pontos e vírgulas faltantes, chaves não fechadas, nomes de propriedades inválidos ou seletores malformados causam erros de análise. Um validador CSS verifica se sua folha de estilos está bem formada e informa erros com linha e posição. As especificações W3C CSS definem a linguagem.
Esta ferramenta analisa seu CSS e informa erros de sintaxe. É executada completamente no seu navegador. Nada é enviado a nenhum servidor. Para formatar CSS válido, use o Formatador CSS. Para minificar, o Minificador CSS.
Como usar esta ferramenta
Colar ou enviar CSS
Copie seu CSS e cole no editor à esquerda. Também pode clicar em Enviar para carregar um arquivo .css. O botão Exemplo carrega dados de exemplo.
Verificar o resultado da validação
O painel direito mostra Válido ou Inválido. Se inválido, lista erros com linha e posição. Problemas comuns: chaves não fechadas, pontos e vírgulas faltantes, valores de propriedades inválidos ou media queries malformadas.
Corrigir e revalidar
Corrija erros na entrada e revalide. Para formatar, use o Formatador CSS. Para SCSS ou Less, compile primeiro com SCSS para CSS ou Less para CSS.
Erros CSS comuns
Chaves } ou colchetes ] não fechados são frequentes. Pontos e vírgulas faltantes entre propriedades podem causar erros de análise em cascata. Nomes ou valores de propriedades inválidos (ex.: erros de digitação como dispaly em vez de display) quebram regras. Blocos @media ou @keyframes malformados também causam falhas. A especificação W3C CSS define a sintaxe válida. O Validador W3C CSS oferece validação do lado do servidor.
Quando a validação CSS ajuda
Muitos desenvolvedores precisam de validação ao depurar estilos que não se aplicam, integrar CSS de terceiros ou antes de implantar em produção. Um único erro de sintaxe pode quebrar uma folha de estilos inteira. Passar seu CSS por aqui detecta problemas antes que causem problemas de layout ou renderização. Ferramentas de build como Vite ou Webpack nem sempre informam erros CSS claramente—validar aqui fornece números de linha precisos.
Também é útil antes de compartilhar estilos com a equipe ou enviar pull requests. Para compatibilidade de navegador após validar, use o Prefixador CSS. Para formatar CSS válido, o Formatador CSS. Para SCSS ou Less, compile primeiro com SCSS para CSS ou Less para CSS.
Perguntas frequentes
O que torna o CSS inválido?
Chaves ou colchetes não fechados, pontos e vírgulas faltantes, nomes ou valores de propriedades inválidos, seletores malformados ou erros de sintaxe em @media ou @keyframes. O validador aponta o problema.
Verifica suporte de navegador?
Esta ferramenta valida apenas a sintaxe—se o CSS está bem formado. Não verifica compatibilidade de navegador. Use Can I Use para isso.
Meus dados são privados?
Sim. A validação é executada completamente no seu navegador. Nenhum dado é enviado a nenhum servidor.
Suporta SCSS ou Less?
Esta ferramenta valida CSS puro. Para SCSS ou Less, compile primeiro com SCSS para CSS ou Less para CSS, depois valide a saída.
E os prefixos de vendor?
Propriedades com prefixo de vendor (ex.: -webkit-, -moz-) são válidas. O validador as aceita. Para adicionar prefixos automaticamente, use o Prefixador CSS.
Ferramentas relacionadas
Para a especificação CSS: W3C CSS. MDN CSS é a referência. Validador W3C CSS oferece validação do lado do servidor. Can I Use para suporte de navegador.