o professor usou esse código para que somente aparecence os elemento da classe lista, mas eu nao entendi a logica desses comandos
.menu__lista:nth-child(2), .menu__lista:nth-child(3), .menu__lista:nth-child(4) { display: none; }
Solucionado
o professor usou esse código para que somente aparecence os elemento da classe lista, mas eu nao entendi a logica desses comandos
.menu__lista:nth-child(2), .menu__lista:nth-child(3), .menu__lista:nth-child(4) { display: none; }
Essa é uma regra de estilo em CSS que define a exibição (display) como "none" para elementos que são filhos (nth-child) do elemento com a classe ".menu__lista" e que são o segundo, terceiro e quarto filho dessa lista. Em outras palavras, essa regra estilística está ocultando os elementos de menu (itens de lista) que são o segundo, terceiro e quarto na lista, tornando-os invisíveis na página. Isso pode ser útil, por exemplo, para ocultar itens de menu específicos em um menu de navegação, deixando apenas os itens desejados visíveis para os usuários.
Bom dia. Quando você tem uma quantidade de itens em uma lista, e por algum motivo na sua aplicação você quer esconder algum deles, usamos a propriedade :nth-child(número do elemento que você quer), para pegar exatamente o item que queremos. Exemplo.
Arroz Feijao Macarrao
Digamos que queremos pegar o Feijão dessa lista e fazer alguma coisa com ele, então usaremos o :nth-child(2).
Dicio: enésimo Numa sequência, o que se encontra localizado na posição “n”.
:nth-child é um seletor CSS que seleciona um elemento com base em sua posição em relação a seus irmãos dentro do elemento pai. O "n" em "nth" significa "enésimo", ou seja, pode-se escolher o enésimo elemento filho com base em sua posição em relação aos outros filhos.
obrigado agora faz mais sentido.