1
resposta

Não entendi a marcação :global no arquivo CSS.

Não entendi está explicação, não compreendi o uso do :global.

Quando formos montar os nossos componentes no Foto.js. Nós não poderíamos referenciar a classe diretamente tornando-a a classe global - porque o CSS por default, colocamos vários arquivos e ele se torna global. Teríamos que refernciar apontando para a variável em que exportamos as classes do CSS. Removeremos o timelinecss do import e para não modificarmos o projeto, a documentação do CSS modules nos fala dos escopos. Normalmente ele deverá ser local. O create-react-app faz a troca para tornar o escopo default global. Em seguida, antes da classe escreveremos :global. Eu já fiz isso adicionando :global na frente de todos os seletores dos arquivos css, incluindo o login.css.

1 resposta

Fala aí Thauna, tudo bem? Vamos lá:

O uso do :global pode ter sido necessário para aplicar os estilos fora daquele contexto, ou seja, fora daquele componente.

Uma vez que o Electrode utiliza o CSS Modules, do qual só vai aplicar os estilos por módulos (componentes).

Se através do componente A você quer sobrescrever estilos no componente B, vai ser necessário adicionar o :global.

Hoje por padrão aplicações criadas com create-react-app não possuem CSS Modules, então, não é necessário aplicar seletores globais.

Espero ter ajudado.