@media (hover)

@media (hover) est une règle conditionnelle en CSS qui permet d’appliquer des styles seulement si l’appareil de l’utilisateur supporte le survol — autrement dit, s’il peut utiliser une souris ou un stylet (et pas seulement un doigt sur un écran tactile).
C’est utile parce que les effets de survol comme les menus déroulants au passage de la souris ne fonctionnent pas bien ou pas du tout sur les appareils tactiles comme les téléphones.
Utiliser @media (hover) te permet :
D’éviter les bugs
De proposer une meilleure expérience utilisateur
De n’appliquer certains styles que là où ils ont du sens