Solucionado
Apesar da colega Isabela trazer a sugestão de utilizar somente o bloco 1 conforme o código abaixo
.menu__lista:not(:first-child) {
display: none;
}é possivel eu utilizar o first child passando somente a referencia que não vou utilizar? Conforme o exemplo abaixo.
.menu__lista:nth-child(1), .menu__lista:nth-child(3), .menu__lista:nth-child(7) { display: none; }
Oi Juliano, tudo bem?
Sim, é possível utilizar o :nth-child() para selecionar os elementos que você não deseja utilizar e aplicar a propriedade display: none;. No exemplo que você apresentou, os elementos com os índices 1, 3 e 7 serão selecionados e terão a propriedade display definida como none.
No entanto, é importante lembrar que essa abordagem pode ser menos flexível do que a outra sugerida pela colega Isabela, uma vez que você precisa especificar manualmente quais elementos deseja ocultar. Além disso, se a ordem dos elementos no HTML mudar, você precisará atualizar manualmente os índices no seu código CSS.
Um abraço e bons estudos.
Obrigado pela resposta