Solucionado
Bom dia, no exercício foi pedido para adicionar interação utilizando as pseudoclasses hover e focus. A minha resposta ficou assim:
.navegacao-site a:hover {
text-shadow:0 0 2px pink;
}Porém o do professor ficou assim:
.navegacao-site a:hover,
.navegacao-site a:focus {
text-shadow:0 0 2px pink;
}e ao fazer a modificação para o meu código ficar igual ao dele eu não vi nenhuma diferença visual e não entendi o porque dele colocar dessa forma.
Oi Leonardo, tudo bem?
Exato, visualmente não altera nada. Se você estiver usando o mouse.
Testa o site usando apenas a tecla "TAB".
O focus é justamente para isso, ajuda quem está querendo navegar pelo teclado seja por comodidade ou por necessidade, como cegos ou PCDs que só conseguem usar o teclado por exemplo. Até mesmo pessoas que precisam evitar o uso do mouse por conta de LER e/ou tendinite.
O interessante é se policiar para sempre que colocar um hover, colocar um focus também, ok?
Espero ter ajudado e bons estudos,
Abcs!
Ficou bem claro com a sua explicação, muito obrigado!