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
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
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!