CSS-da baglanyşyklaryň ýagdaýlary

Men çaklaýaryn, siz internette dürli web sahypalaryny zyýarat edýärkäňiz, baglanyşyklaryň adatlaýyn çüýşe kursorynyň üstüne gelmegine jogap berýändigine üns beriňiz. Beýle effekte baglanyşyklaryň dürli ýagdaýlaryndaky hereketlerini bermek bilen ýetmek bolýar.

Mysal üçin, şeýle - a:hover - biz baglanyşygyň üstüne çüýşe kursory getirilende ýagdaýyny tutarys. Şu pursatda biz, mysal üçin, baglanyşygyň reňkini üýtgetmeli ýa-da aşaky çyzygy aýyrmaly/goşmaly bolarýs. :hover gurluşy psewdoklass diýilýär. Psewdoklasslar elementleriň dürli ýagdaýlaryny tutmaga mümkinçilik berýär.

:hover dan başga-da psewdoklasslar :link bar, olar zyýarat edilmedik baglanyşygy tutýar, we :visited, olar zyýarat edilen baglanyşygy tutýar. Käbir web sahypalarynda olaryň kömegi bilen ulanyjylara nirä gidendiklerini, nirä gidilmedigini görkezýärler. Ýene bir psewdoklass :active bar, ol indiki ýagdaýy tutýar: elemente çüýşe basyldy, ýöne heniz goýberilmedi.

Indiki mysalda baglanyşyk üçin :hover ýagdaýynda aşaky çyzyk aýyrylýar, :link ýagdaýynda gyzyl reňk, :visited ýagdaýynda - ýaşyl reňk, :active ýagdaýynda - gök reňk berilýär. Netijede, başda baglanyşyk gyzyl reňkde bolar, ony basanyňyzdan soň - ýaşyl, çüýşe bilen basyp goýbermeseňiz - gök, ýöne çüýşe kursoryny getirseňiz - aşaky çyzyksyz bolar:

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

<a href="#">baglanyşyk</a>