Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Imagens utilizando ::before

Minha dúvida é porque no arquivo base.css está sendo utilizado o .menu-lateral__link::before? Mais precisamento o ::before. Isso aparece em várias imagens. Qual a diferença de usar e não usar e quando é recomendado? Obrigado

1 resposta
solução!

Oi, David, tudo bem?

O ::before é uma pseudo-classe que permite adicionar conteúdo antes do elemento selecionado. No caso específico que você mencionou, o.menu-lateral__link::before está sendo utilizado para adicionar imagens antes do texto dos links do menu lateral.

A principal diferença de usar o ::before é que você pode adicionar conteúdo visual ao elemento sem precisar modificar a estrutura do HTML. Isso pode ser útil quando você deseja adicionar ícones ou outros elementos visuais a um elemento sem precisar inserir uma tag adicional no HTML.

Caso queira mais informações sobre essa pseudo-classe, recomendo a leitura da documentação abaixo:

Espero ter ajudado. Caso tenha dúvidas, não hesite em postar no fórum.

Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software