oujood.com

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

Les pseudo-classe feuille de style css a: actif a:link a:visited a:hover
Un exemple de menu avec onglets qui changent de couleurs se trouve en basde la page

chercher |

">

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

Voir aussi nos tutoriel :

display

Indique le type de boîte d'un élément devrait générer

Liste des propriétés css

Aide mémoire : Référence des Propriétés de CSS...

Les variables en PHP

Les variables en PHP comment créer des variables en PHP