Solucionado
Olá, duas dúvidas:
1- Por que foi usada a tag <i> para os ícones do menu? O normal não seria ter usado a tag <img>? A tag <i> não era usada mais para itálico?
2- O que seria esse before desse CSS dos ícones?
.icone__alura::before {
content: url(../img/sidebar/Avatar_Alura.png);
}
hoje, com a Alura e o Google Gemini
Bom dia, Caro Luís Plinio Campanholi, como você falou a tag é utilizada para representar uma parte de um texto que é destacada do restante do mesmo por algum motivo. Já em relação ao pseudo-elemento "::before " o mesmo é utilizado para adicionar um conteúdo decorativo a um elemento.
Exemplo:
HTML
<q>Algumas citações</q>, ele disse, <q>são melhor do que nenhuma.</q>
CSS
q::before {
content: "«";
color: blue;
}
q::after {
content: "»";
color: red;
}
A saida será : <<Algumas citações>>, ele disse, <<são melhor do que nenhuma>>. Então no seu caso ele vai adicionar a imagem "Avatar_Alura.png" antes do "icone__alura".
Ah entendi, obrigado!