CSS Diff Checker
Cole duas versões de código CSS para ver cada linha adicionada, removida ou alterada com realce de sintaxe para CSS. O diff roda localmente no seu navegador.
Texto original
Texto alterado
Sintaxe CSS pré-selecionada
Não é preciso escolher uma linguagem antes de comparar os arquivos: esta página aplica automaticamente o realce de sintaxe para CSS.
Comparação local e privada
O diff roda no seu navegador. Código-fonte, payloads de API e arquivos de configuração não são enviados para nenhum servidor.
Visualização dividida ou unificada
Use a visualização Dividida para revisar lado a lado, a Unificada para patches compactos e, em arquivos grandes, a opção Ocultar linhas sem alterações.
Como comparar arquivos CSS online
Este CSS Diff Checker foi criado para desenvolvedores que precisam de uma forma rápida e privada de comparar mudanças em código e configurações. Cole duas versões, clique em Comparar e revise adições, remoções e alterações dentro das linhas com o realce de sintaxe para CSS já ativado.
Cole ou envie o arquivo CSS original no editor da esquerda.
Cole ou envie o arquivo CSS alterado no editor da direita.
Clique em Comparar e revise o resultado na visualização Dividida ou Unificada. Depois, use a opção Ocultar linhas sem alterações quando só precisar ver os trechos editados.
Comparação privada de arquivos CSS no navegador
O diff roda localmente no seu navegador, mantendo código-fonte, respostas de API, credenciais e arquivos de configuração no seu dispositivo. Uma sessão recente pode ficar salva no armazenamento do navegador para ser restaurada depois, e você pode apagá-la na ferramenta a qualquer momento.
Usos comuns do diff em CSS
Revise alterações em design tokens antes do deploy.
Identifique declarações adicionadas ou removidas após a formatação.
Realce de sintaxe para CSS
O seletor de linguagem fica oculto nesta página, já que o realce está fixo em CSS. O parser se concentra em tokens como seletores, propriedades personalizadas, media queries e declarações, enquanto o motor de diff destaca as mudanças reais no texto.
.css
Referência: Referência de CSS no MDN
Perguntas frequentes sobre o CSS Diff Checker
O que o CSS Diff Checker faz?
A ferramenta compara duas versões de código CSS, destacando as linhas adicionadas, removidas e alteradas. O realce de sintaxe fica fixo em CSS, o que facilita identificar os elementos da linguagem enquanto você revisa as mudanças.
O CSS Diff Checker envia meus arquivos para um servidor?
Não. A comparação roda no seu navegador. Seus arquivos não são enviados para nenhum servidor quando você clica em Comparar.
Quais tipos de arquivo CSS posso comparar?
Você pode colar ou enviar arquivos de texto simples, como .css. Qualquer arquivo de texto pode ser comparado, mas esta página aplica automaticamente o realce de sintaxe para CSS.
Posso comparar arquivos CSS grandes?
Sim. A comparação roda em um worker em segundo plano, para que o navegador continue respondendo. Arquivos muito grandes ainda podem levar alguns segundos no seu dispositivo.