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>