pseudo-classe
Différence (auteur précédent)
(Changé, Edité, affichage normal de la page)
Modifié: 1c1,39
Describe the new page here.
|
Les pseudo-classes permettent une distinction entre les styles des différents types d'élément de la feuille de style et permettent de différencier à l'affichage les liens visités des liens non visités.
Pseudo-classes des ancres
Sur l'élément 'a' :
<pre>
a:link { color: red } /* lien non-visité */
a:visited { color: blue } /* lien visité */
a:active { color: lime } /* lien activé */
</pre>
Exemple
<pre>
<style type="text/css">
a:link {color:#00FF00; font-weight:bold; }
a:visited {color:#00FF00;}
a:active {color:#0000FF; font-style:italic; }
</style>
</pre>
Autres ressources :
* Lien de référence W3C CSS1
* Référence W3C CSS2 pour en savoir plus sur le lien survolé [[mark]:hover]
* Bermania - exemples illustrés
== Voir aussi ==
*pseudo-élément
DossierGlossaireCss
|
Les pseudo-classes permettent une distinction entre les styles des différents types d'élément de la feuille de style et permettent de différencier à l'affichage les liens visités des liens non visités.
Pseudo-classes des ancres
Sur l'élément 'a' :
a:link { color: red } /* lien non-visité */
a:visited { color: blue } /* lien visité */
a:active { color: lime } /* lien activé */
Exemple
<style type="text/css">
a:link {color:#00FF00; font-weight:bold; }
a:visited {color:#00FF00;}
a:active {color:#0000FF; font-style:italic; }
</style>
Autres ressources :
Voir aussi
DossierGlossaireCss
|