Псевдокласс hover

Псевдокласс hover биз курсорду коюлган шилтеменин стилин белгилейт. Бул псевдокласс көбүнчө link, visited жана active псевдокласстары менен бирге колдонулат.

Синтаксис

cssa:hover {
  
}

Мисал

Кызыл түс - барылбаган шилтеме, көк түс - барылган шилтеме. Эгер сиз ага курсорду коё турган болсоңуз - ал жашыл түскө өзгөрөт, эгер сол чычкандын баскычын басып кармап турсаңыз - кара түскө өзгөрөт (active абалы):

html<a href="#">шилтеме</a>

cssa:link {
  color: red;
}
a:visited {
  color: blue;
}
a:hover {
  color: green;
}
a:active {
  color: black;
}

Результат:

Ошондой эле караңыз