95
Mise en forme des liens
a:visited {
padding-right: 20px;
background: url(/img/check.gif) no-repeat right middle;
}
Mise en forme des cibles des liens
En.plus.de.créer.des.liens.vers.des.documents.spécifiques,.vous.pouvez.aussi.en.créer.avec.
un.identificateur.de.fragment.qui.renvoie.vers.une.partie.précise.d’une.page..Pour.cela,.vous.
devez.ajouter.un.caractère.dièse.suivi.par.l’ID.de.l’élément.vers.lequel.le.lien.doit.pointer,.
à.la.fin.de.l’attribut.href..C’est.très.utile.si.vous.souhaitez.pointer.vers.un.commentaire.
en. particulier. dans. un. fil. de. commentaires. assez. long.. Par. exemple,. supposons. que. vous.
. souhaitiez.faire.un.lien.vers.le.troisième.commentaire.de.cette.page :

A great comment by Simon

Lorsque.vous.cliquez.sur.ce.lien,.vous.êtes.conduit.au.document.approprié.et.la.page.défile.
directement.jusqu’à.l’élément.comment3..Malheureusement,.si.la.page.est.assez.dense,.c’est.
souvent.difficile.de.savoir.quel.élément.a.été.ciblé.par.le.lien..Pour.résoudre.ce.problème,.la.
spécification.CSS 3.permet.de.mettre.en.forme.l’élément.cible.à.l’aide.de.la.pseudo-classe.
:target..Dans.l’exemple.suivant,.je.signale.l’élément.cible.en.lui.donnant.un.arrière-plan.
jaune.(voir.Figure 5.3).
.comment:target {
background-color: yellow;
}
Figure 5.3
Le troisième
commentaire est
signalé avec un arrièreplan jaune lorsqu’un
lien pointe vers lui,
grâce au sélecteur
:target.
Précédent

- 112/308

Suivant