Sélecteurs: :target

Qu’est ce qu’une ancre ?

Une ancre est un lien dans la même page de type <a href="page.html#cible">Allez à la cible</a>. La pseudo-classe :target permet donc d’appliquer un style à l’element qui reçoit le lien, donc l’élément qui a l’attribut id="cible".

La syntaxe

Voici l’exemple d’un élément dont l’attribut id="cible" qui verra ses styles modifiés lorsqu’il recevra le lien.

Un cas concret !

Imaginez une F.A.Q. (Foire aux questions), avec en haut de la page, toutes les questions, puis en dessous les réponses. Chaque question est associée à un lien qui permet d’aller à la question...Vous me suivez ? Ok ! Et bien, grâce à :target, il est possible de modifier le CSS de la réponse qui reçoit le target, comme écrire la question en gras, ou appliquer une bordure...