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

  • Trafic Booster
    hebergement web

    SCREEBER - Logiciel de copywriting

    SCREEBER - Logiciel de copywriting Augmentez vos résultats en rejoignant les 1600 entrepreneurs qui utilisent Screeber®, le seul logiciel de Copywriting (en français) qui rédige avec vous des textes de vente qui convertissent


    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 :

    Balise object

    Définit un objet incorporé

    direction

    Spécifie l'orientation du texte / écriture direction

    border-left-color

    Définit la couleur de la bordure gauche



    Rentabilisez efficacement votre site