Vue normale

Il y a de nouveaux articles disponibles, cliquez pour rafraîchir la page.
À partir d’avant-hierLiens Ecyseo

[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

❌
❌