Solucionado
Olá! Eu vi que tem uma pseudo-classe chamada :focus, porém eu apliquei ao meu código e não deu o resultado esperado. Gostaria de saber como que eu poderia dar esse efeito de selecionado. Eu tentei assim:
.produtos li:focus{
background: #32CD32;
}hoje, com a Alura e o Google Gemini
de acordo com nosso amigo Robert Koritnik
Você não pode focar itens de lista. Nem mesmo usando um script. Já tentei fazer $("li:first").focus()mas não faz nada. CSS não é definido como se estivesse focado. Isso significa simplesmente que você não pode focar itens de lista ou que :focuspseudoclasses não funcionam em itens de lista.
Entendi. Obrigado, Anthoni!