Псевдокласс 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;
}

Результат:

Шунингдек қаранг