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

Результат:

Ҳамчунин нигаред