[CSS] Show and hide blocks with :target pseudo-classes – Codepen.io
22 mai 2024 à 17:30
Une utilisation intéressante de la pseudo-classe :target.
:target cible l’élément de la page vers lequel pointe le hash dans une URL.
Avec :has() et :not(), on peut masquer tous les éléments, sauf le :target, seulement quand il y en a un.
Dans ce cas, ne pas oublier de mettre un bouton de virer le :target pour ré-afficher tous les éléments (bouton lui-même >affiché seulement s’il est utile !).Pas mal, non ? Et ça tient en une seule ligne.
— Permalink