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>