Olá Dev, tudo bem?

Entendo sua dúvida e é realmente um ponto interessante a se pensar.

Os dois exemplos que você mencionou são semelhantes, mas têm uma diferença fundamental. No primeiro exemplo, o estilo é aplicado ao elemento de forma constante. Já no segundo exemplo, o estilo é aplicado apenas quando o cursor está sobre o elemento, graças ao pseudo-elemento :hover.

Então, se você deseja que o estilo seja sempre aplicado ao elemento, use o primeiro exemplo. Mas, se você quer que o estilo seja aplicado apenas quando o usuário passa o cursor sobre o elemento, use o segundo exemplo com :hover.

Em relação às boas práticas, depende muito do que você deseja alcançar. Se a intenção é dar feedback ao usuário quando ele passa o mouse sobre um elemento, o :hover é uma excelente opção. Por outro lado, se você deseja que o estilo seja sempre aplicado, independente da ação do usuário, o primeiro exemplo é mais adequado.

Espero ter ajudado, qualquer dúvida fico à disposição.

Abraços e bons estudos!

Oi Maria, acabei de chegar na aula que fala sobre o hover e lembrei que tinha perguntado aqui e ao vir, vi sua resposta. Entendi direitinho :) Obrigado pela atenção e pela resposta rápida.