Explore os 40 códigos de erro de Erros de CSS com causas, soluções e exemplos.
AkousaInvalid property valueO valor atribuído a uma propriedade CSS não é válido para essa propriedade.
Unknown propertyO nome da propriedade CSS não é reconhecido pelo navegador.
Unexpected tokenO parser CSS encontrou um caractere ou token inesperado.
Missing semicolonUm ponto e vírgula está ausente ao final de uma declaração CSS.
Unrecognized at-ruleO parser CSS não reconhece a @-rule.
Invalid selectorA sintaxe do seletor CSS não é válida.
z-index stacking contextOs elementos não estão sendo sobrepostos conforme esperado, mesmo com valores de z-index definidos.
Specificity conflictUma regra CSS não é aplicada porque um seletor mais específico a sobrescreve.
Overflow hidden clippingO conteúdo está sendo recortado ou ocultado inesperadamente devido às configurações de overflow.
Deprecated -webkit- prefixUma propriedade com prefixo -webkit- está obsoleta e deve ser substituída pela versão padrão.
Deprecated -moz- prefixUma propriedade com prefixo -moz- está obsoleta e deve ser substituída pela versão padrão.
Flex item overflowUm item flex ultrapassa os limites do container porque não consegue encolher o suficiente.
Invalid grid templateO valor de grid-template-columns ou grid-template-rows possui sintaxe inválida.
Invalid calc() expressionA função calc() possui um erro de sintaxe.
!important overuseO uso excessivo de !important torna os estilos difíceis de sobrescrever e manter.
@font-face format errorA declaração @font-face possui formato inválido ou propriedades ausentes.
Font loading failedUma web font não pôde ser carregada a partir da URL especificada.
Invalid media queryA sintaxe da media query não é válida.
Invalid @keyframesA definição de animação @keyframes contém um erro de sintaxe.
Undefined CSS variableUma propriedade customizada CSS (variável) é referenciada, mas não está definida.
Circular CSS variableDuas ou mais propriedades customizadas CSS referenciam umas às outras, criando uma dependência circular.
Transition on displayUma transição CSS não está funcionando porque a propriedade display não pode ser animada.
Invalid color functionUma função de cor CSS (rgb, hsl, oklch, etc.) possui sintaxe inválida.
Container query unsupportedO navegador não oferece suporte a @container queries.
CSS nesting unsupportedO navegador não oferece suporte à sintaxe nativa de nesting CSS.
Missing closing braceUm bloco de regra CSS está sem a chave de fechamento.
Duplicate selectorO mesmo seletor aparece mais de uma vez na folha de estilos.
Shorthand property overrideUma propriedade abreviada CSS redefine valores previamente configurados por propriedades longas.
Margin collapseMargens verticais entre elementos colapsam em uma única margem em vez de se somarem.
Invalid clamp() syntaxA função clamp() possui sintaxe ou parâmetros incorretos.
aspect-ratio ignoredA propriedade aspect-ratio não está surtindo efeito no elemento.
@layer ordering issueAs camadas em cascata CSS não estão aplicando estilos na ordem esperada.
Subgrid unsupportedO navegador não oferece suporte ao valor subgrid para grid-template-columns ou grid-template-rows.
CSS Paint API errorUm CSS Paint Worklet falhou ao renderizar ou ao registrar.
Scroll snap not workingO scroll snapping CSS não está se comportando como esperado.
:has() unsupportedO navegador não oferece suporte à pseudo-classe :has().
position: sticky not workingO elemento com position: sticky não fica fixo como esperado.
backdrop-filter not renderingA propriedade backdrop-filter não tem efeito visível no elemento.
gap not working in flexboxA propriedade gap não cria espaçamento em um contêiner flex.
text-overflow: ellipsis not workingA propriedade text-overflow: ellipsis não exibe reticências para texto que ultrapassa o contêiner.