Ir para o conteúdo
Erros de CSSErro
Circular CSS variable

Variável CSS Circular

Duas ou mais propriedades customizadas CSS referenciam umas às outras, criando uma dependência circular.

browser

O que causa este erro

A propriedade customizada A usa var(--b) e a propriedade customizada B usa var(--a), criando um loop infinito. O navegador usará o valor inicial (inválido) para as propriedades que formam o ciclo.

Como corrigir

Quebre a referência circular usando um valor concreto em uma das propriedades. Reestruture as dependências das variáveis. Use valores de fallback para evitar falhas em cascata.

Documentação Oficial

Códigos de Erro Relacionados