:root {
--branco-principal: #FFFFFF;
--cinza-secundario: #c0c0c0;
--botao-azul: #167bf7;
--cor-de-fundo: #00030C;
--fonte-principal: 'inter';
}
:root {
--branco-principal: #FFFFFF;
--cinza-secundario: #c0c0c0;
--botao-azul: #167bf7;
--cor-de-fundo: #00030C;
--fonte-principal: 'inter';
}
Olá Eduardo!
Pelo que entendi, você está com dificuldades em fazer o seletor :root
funcionar corretamente no seu código HTML/CSS. O seletor :root
é usado para definir variáveis CSS globais, que podem ser utilizadas em todo o seu código.
No seu exemplo, você está definindo algumas variáveis no seletor :root
, como --branco-principal
, --cinza-secundario
, --botao-azul
, --cor-de-fundo
e --fonte-principal
. No entanto, você mencionou que essas variáveis só funcionam quando você copia o código de outra pessoa.
Uma possível causa para esse problema é que você pode estar copiando o código de outra pessoa que já definiu essas variáveis em algum lugar antes do seu código. Quando você copia o código, as variáveis já estão definidas e funcionam corretamente.
Pode haver algum erro de digitação também no seu, verifica certinho.
Espero ter ajudado e bons estudos!