Состояния на врски во CSS

Мислам дека вие, посетувајќи различни сајтови на интернет, забележавте дека врските обично реагираат на посочување со глувчето над нив. Таков ефект може да се постигне со задавање на однесување на врските во различни состојби.

На пример, вака - a:hover - ние ќе ја фатиме состојбата кога на врската е посочено со курсорот на глувчето. Во овој момент можеме, на пример, да ја смениме бојата на врската или да го отстраниме/додадеме нејзиното подвлекување. Конструкцијата :hover се нарекува псевдо-класа. Псевдо-класите овозможуваат да се фатат различни состојби на елементите.

Покрај :hover постојат и псевдо-класи :link, кои ја фаќаат непосетената врска, и :visited, кои ја фаќаат посетената врска. На некои сајтови со нивна помош им се покажува на корисниците каде тие биле, а каде - не. Постои и псевдо-класа :active, која ја фаќа следната состојба: на елементот се притиснало со глувчето, но се уште не е отпуштено.

Во следниот пример за врската во состојба :hover се отстранува подвлекувањето, во состојба :link се задава црвена боја, во состојба :visited - зелена, во :active - сина. Како резултат ќе испадне дека на почетокот врската ќе биде црвена, по притискање на неа - зелена, ако се притисне со глувчето и не се отпуши - сина, а ако се посочи со глувчето - ќе стане неподвлечена:

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

<a href="#">link</a>