1
resposta

[Dúvida] cursor

Quando vamos para Dekstop, acho importante colocarmos o cursor pointer em Categorias, tentei fazer isso com a tag ancora, porém está sendo adicionado em todos os tamanhos de tela, como eu posso fazer para que os outros nao leiam a ancora, eu sei a questão do display none e block, agora como fuciona para as ancoras?

1 resposta

Oi Fabio!

Voce vai precisar utilizar de media query, ou seja, "para telas de tamanho X, faça isso...", no seu caso o curso point.

Defina o estilo padrão para a tag <a> sem o cursor pointer.

Dentro do media query para telas maiores, adicione o estilo com o cursor pointer:

@media screen and (min-width: 1728px) {
    a {
        cursor: pointer;
    }
}

Dessa forma, o cursor pointer será aplicado apenas quando a largura da tela for de 1728px ou maior.

Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!