Dans mon appli de documents, je voulais accentuer le document survolé dans la liste et diminuer les autres li. Ben ça se fait en ... un sélecteur CSS !

body:has(li:hover) li:not(:hover){
    opacity:0.5;
    transition: opacity 500ms;
}

Les li non survolés alors qu'un li est survolé sur la page deviennent transparents à 50% mais si on ne survole aucun li, l'aspect est normal...