Стања везе у ЦСС-у

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

На пример, овако - 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="#">веза</a>