CSS pseudo-class a: actif a:link a:visited a:hover

.......................Un exemple de menu avec onglets qui changent de couleurs se trouve en basde la page

CSS pseudo-class


Les propriétés CSS

a:link lien non visité
a:visited lien visité
a:hover lien avec la sourie dessus
a: active lien sélectionné

Définition et utilisation CSS pseudo-class a: actif a:link a:visited a:hover


La pseudo-classe feuille de style css :active permet de spécifier toutes les propriétés liées à: la police, la décoration de texte (gras, souligné, ...), arrière plan, ... d'un lien qui est activé, c'est à dire lorsque l'on clique sur le lien avec sa souris.

Code css : Sélectionner le code
	a:link {color:#FF0000}     
	a:visited {color:#00FF00}  
	a:hover {color:#FF00FF}  
	a: active (color: # 0000FF) 
	

L ':active pseudo-classe ajoute un style à un élément qui est activé.
Active, visité, non visités, lorsque vous passez la souris sur un lien, peuvent être affichées de différentes manières.

Note:
a: hover doit venir après a: link et a: visited dans la définition CSS pour être efficace!
a: actif doit venir après a: hover dans la définition CSS pour être efficace!

Les pseudo-classes peuvent également être combinées avec des classes CSS, comme ceci:

Sélectionner le code
	a.red:visited {color:#FF0000}
	
	<a class="red" href="http://www.oujood.com/">visiter ce site</a>	
	

si le lien dans l'exemple est visité il sera affiché en rouge






Par carabde 10 mars 2014
  • HTML5, CSS3, JavaScript pour débutants Tome 1 HTML5, CSS3, JavaScript pour débutants Tome 1
    Premier tome d\'une série vidéo dédiée à l\'apprentissage des langages HTML, CSS et JavaScript.

    Regarder aussi nos cours :

    Elément XSLT XSL sort

    Elément XSLT XSL sort

    fonction strrchr, strrchr

    Trouve la dernière occurrence d'un caractère dans une chaîne

    fonction getdate">getdate()

    Retourne la date/heure pour un timestamp Unix sous forme de tableau