:target CSS sélecteur

:target {
  /* Propriétés */
}
/* http://www.zonecss.fr/exemples-code-css/exemples-target-selector-css.html#bloc-3 */
#bloc-3:target {
  /* Propriétés */
}

Règles de syntaxes CSS pour :target.

:target et l'attribut name de la balise A

La pseudo-classe CSS :target fonctionne aussi avec l'ancienne écriture des ancres qui utilisait l'attribut name de la balise (X)HTML A

<a name="mon_ance"></a>

Attention à l'écriture de :target

La pseudo-classe CSS :target s'applique la cible de l'ancre (ou hash) présente dans l'url, quelle que soit sa valeur. Vous pouvez donc si nécessaire mettre un sélecteur devant pour un ciblage plus précis, sinon les propriétés seront appliquées sur l'ensemble des cibles activées par l'ancre (ou hash) présente dans l'url.

Dans le cas ci-dessous l'identifiant est collé à ":". Dans ce cas, nous demandons d'appliquer les propriétés sur l'élément identifié par l'ancre (ou hash) présente dans l'url, quelle que soit sa valeur ou sur l'élément ayant pour attribut id="mon_ancre" qui correspond l'ancre "#mon_ancre" présente dans l'url et qu'il existe .

.identifiant:target{ /* Propriétés css */ }
#mon_ancre:target{ /* Propriétés css */ }

Dans le cas ci-dessous l'identifiant est espacé de ":". Dans ce cas nous demandons d'appliquer les propriétés sur les éléments HTML ou XHTML ciblé par l'ancre (ou hash) présente dans l'url et dont le parent direct ou indirect est "identifiant".

.identifiant :target{ /* Propriétés css */ }
#identifiant :target{ /* Propriétés css */ }

Compatibilités navigateurs du sélecteur :target

Votre avis sur la définition :target en CSS