/ Code Css :visited | Résultat du code Css :visited | Copie d'écran / J'ai vu une erreur dans cette page

Exemple de code du sélecteur CSS :visited.

<style>
a.exemple-visited { 
 color:red; 
 outline-color:mediumturquoise; 
 border-color:green; 
 background-color:#ccc; 

 /* Pas pris en compte sur les nouveaux navigateur (2010) */
 text-decoration:line-through!important; 
 font-size:11px; 
}

a.exemple-background-color{ color:#fff; background-color:#000; }
a.exemple-border{ border : 2px solid darkslateblue }
a.exemple-outline{ outline: 3px dotted tomato }

.exemple{ border:1px solid #666; margin-bottom:10px; padding:5px; }
</style>

<div class="exemple">
<a href="http://www.zonecss.fr/proprietes-css/visited-css-selector.html#dfn-visited" target="_blank">sans pseudo-classe :visited{} et avec ancre</a><br><br>
<a href="http://www.zonecss.fr/proprietes-css/visited-css-selector.html" target="_blank">sans pseudo-classe :visited{} et sans ancre</a>
</div>
<div class="exemple">
<a href="http://www.zonecss.fr/proprietes-css/visited-css-selector.html" target="_blank" class="exemple-visited">:visited{   color:red; outline-color:mediumturquoise; border-color:green; background-color:#ccc; } et sans ancre</a><br><br>
<a href="http://www.zonecss.fr/proprietes-css/visited-css-selector.html#dfn-visited" target="_blank" class="exemple-visited">:visited{  color:red; outline-color:mediumturquoise; border-color:green; background-color:#ccc; } et avec ancre</a><br>
</div>
<div class="exemple">
<a href="http://www.zonecss.fr/proprietes-css/visited-css-selector.html" target="_blank" class="exemple-background-color exemple-visited">:visited{ color:red; outline-color:mediumturquoise; border-color:green; background-color:#ccc; } et sans ancre</a><br><br>
<a href="http://www.zonecss.fr/proprietes-css/visited-css-selector.html#dfn-visited" target="_blank" class="exemple-background-color exemple-visited">:visited{ color:red; outline-color:mediumturquoise; border-color:green; background-color:#ccc; } et avec ancre</a><br>
</div>
<div class="exemple">
<a href="http://www.zonecss.fr/proprietes-css/visited-css-selector.html" target="_blank"  class="exemple-border exemple-visited">:visited{ color:red; outline-color:mediumturquoise; border-color:green; background-color:#ccc; } et sans ancre</a><br><br>
<a href="http://www.zonecss.fr/proprietes-css/visited-css-selector.html#dfn-visited" target="_blank"  class="exemple-border exemple-visited">:visited{ color:red; outline-color:mediumturquoise; border-color:green; background-color:#ccc; } et avec ancre</a>
</div>
<div class="exemple">
<a href="http://www.zonecss.fr/proprietes-css/visited-css-selector.html" target="_blank" class="exemple-outline exemple-visited">:visited{ color:red; outline-color:mediumturquoise; border-color:green; background-color:#ccc; } et sans ancre</a><br><br>
<a href="http://www.zonecss.fr/proprietes-css/visited-css-selector.html#dfn-visited" target="_blank"  class="exemple-outline exemple-visited">:visited{ color:red; outline-color:mediumturquoise; border-color:green; background-color:#ccc; } et avec ancre</a>
</div>
Voir de code :visited dans :

Interprétation du code du sélecteur :visited CSS par votre navigateur.

sans pseudo-classe :visited{} et avec ancre

sans pseudo-classe :visited{} et sans ancre
:visited{ color:red; outline-color:mediumturquoise; border-color:green; background-color:#ccc; } et sans ancre

:visited{ color:red; outline-color:mediumturquoise; border-color:green; background-color:#ccc; } et avec ancre
:visited{ color:red; outline-color:mediumturquoise; border-color:green; background-color:#ccc; } et sans ancre

:visited{ color:red; outline-color:mediumturquoise; border-color:green; background-color:#ccc; } et avec ancre
:visited{ color:red; outline-color:mediumturquoise; border-color:green; background-color:#ccc; } et sans ancre

:visited{ color:red; outline-color:mediumturquoise; border-color:green; background-color:#ccc; } et avec ancre
:visited{ color:red; outline-color:mediumturquoise; border-color:green; background-color:#ccc; } et sans ancre

:visited{ color:red; outline-color:mediumturquoise; border-color:green; background-color:#ccc; } et avec ancre

Interprétation normale du code du sélecteur CSS :visited (copie d'écran).

copie d'écran de l'affichage du sélecteur CSS :visited


Aller en haut de la page

Vos paramètres de cookies

Ce site utilise des cookies pour améliorer votre expérience utilisateur et optimiser le fonctionnement du site.
Des contenus publicitaires vous sont aussi présentés, ainsi que cookies de partages sur les réseaux sociaux.

Vous pouvez accepter ces cookies en cliquant sur « Autoriser tous les cookies », cliquer sur « Paramétrer les cookies » pour gérer vos préférences de cookies.