Pseudo-classe de CSS

Avec l'addition du CSS, des liens de Javascript peuvent �tre oubli�s. Dans le HTML, la seule mani�re d'ajouter cet effet serait d'employer le Javascript,

�tats d'ancre/lien de CSS

Vous ne pouvez pas le savoir, mais un lien a quatre d�clarer diff�rents qu'il peut �tre dedans. Pour adapter chaque �tat, le CSS est employ�. Veuillez se r�f�rer aux mots-cl�s suivants ce que chacun correspond � un �tat sp�cifique :

lien - c'est un lien qui n'a pas �t� employ�, ni est un indicateur de souris planant au-dessus de lui
visit� - c'est un lien avant lequel a �t� employ�, mais n'a aucune souris l�-dessus
vol plan� - c'est un lien a actuellement un indicateur de souris planer au-dessus d'it/on il
actif - c'est un lien qui est en cours d'�tre cliqu�

Vous pouvez faire un diff�rent rechercher chacun de ces �tats en utilisant le CSS, mais � la fin de cette le�on nous sugg�rerons une bonne pratique pour des liens de CSS.

Pseudo-Classes de CSS

ce que vous avez vu est peu un diff�rent que le format pour des liens de CSS. Vous devez employer le formatage suivant de code de CSS pour modifier ces 4 �tats

Code de CSS

a:(STATE'S NAME) { attribute: value; }

Comment l'�l�ment de HTML devrait appara�tre, selon lequel l'�tat elle est dedans, le nom de l'�tat qui s'appelle � pseudo classe � est uesd. Au-dessous de est un exemple de changer � lien �, � visit� �tat �, et le de � vol plan� �. Note pour faire un lien de fonctionnement de CSS, l'ordre qu'ils sont d�finis, il est la commande appropri�e.

Code de CSS

a:link { color: red; }
a:visited { color: red; }
a:hover { color: blue; }

Code de CSS

<a href="">This is a special CSS Link</a>!

Les �tats doivent �tre d�finis dans l'ordre correct. Voici l'ordre, commen�ant par celui que vous devez d�finir d'abord :

visit�s

actifs

En enlevant le d�faut souligner

Dans tout academic-tutorial.com vous avez not� probablement les diff�rents mod�les que nous prenons pour certains liens. � moins que vous planiez, notre menu n'ont pas un souligner tandis que les liens dans notre contenu principal ont souligne. Texte-d�coration d'utilisation : aucun enlever le souligner de certains �tats d'un hyperlien. :

Code de CSS

a:link { color: red; text-decoration: none; }
a:visited { color: red; text-decoration: none; }
a:hover { color: blue; }

Un exemple d'�chantillon

Pour manoeuvrer les �tats d'un hyperlien, au-dessous de l'exemple d'�chantillon qui emploient beaucoup de formes de CSS

Code de CSS

a:link {
color: white;
background-color: black;
text-decoration: none;
border: 2px solid white;
}

a:visited {
color: white;
background-color: black;
text-decoration: none;
border: 2px solid white;
}

a:hover {
color: black;
background-color: white;
text-decoration: none;
border: 2px solid black;
}

La table follwing d�crivent la Pseudo-classe et son but :

Pseudo-class	Purpose
:active	Adds special style to an activated element
:focus	Adds special style to an element while the element has focus
:hover	Adds special style to an element when you mouse over
:link	Adds special style to an unvisited link
:visited	Adds special style to a visited link
:first-child	Adds special style to an element that is the first child of some other element
:lang	Allows the author to specify a language to use in a specified element