Entrar Ainda não tem acesso?
1
resposta

[Sugestão] Maneira mais simples de criar o rodape__lista

Referente ao curso HTML e CSS: praticando HTML/CSS, no capítulo Finalizando nossa página e atividade O desafio do footer

por Saimon Bardini Monçani
| 12.4k xp | 1 posts
Operador de Continuidade

Ao criar o rodape__lista, vi que podemos usar atalhos Emmet para agilizar

ao escrever: li.lista__link*7>a{link}

cria-se uma sequência de 7 "li's" com a classe "lista__link" e já com sua âncora dentro.

resultado:

    <li class="lista__link"><a href="">link</a></li>
    <li class="lista__link"><a href="">link</a></li>
    <li class="lista__link"><a href="">link</a></li>
    <li class="lista__link"><a href="">link</a></li>
    <li class="lista__link"><a href="">link</a></li>
    <li class="lista__link"><a href="">link</a></li>
    <li class="lista__link"><a href="">link</a></li>
1 resposta
por Renan Lima
| 3697.8k xp | 7821 posts
Alura Scuba Team Apoio Educacional - Alura

Olá, Saimon.

Tudo bem?

Muito bom ver as possibilidades que o Emmet tem para agilizar a criação de código HTML! Realmente, os atalhos do Emmet são uma mão na roda para aumentar a produtividade, quando temos muitos elementos, como a lista <li>.

Você mencionou o uso do atalho li.lista__link*7>a{link}, que gera uma lista com 7 itens, cada um contendo um link. Isso é muito útil para criar estruturas repetitivas rapidamente. Muito legal mesmo, assim como você faz, dá para passar a classe CSS e se é link etc. Parabéns. Obrigado por compartilhar. Continue assim, se dedicando e explorando novas possibilidades.

Qualquer dúvida manda aqui. Bons estudos.