პსევდოკლასი 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;
}

Результат:

იხილეთ აგრეთვე

  • პსევდოკლასი link,
    რომელიც ადგენს სტილს არა მონახულებულ ბმულს
  • პსევდოკლასი visited,
    რომელიც ადგენს სტილს მონახულებულ ბმულს
  • პსევდოკლასი active,
    რომელიც ადგენს სტილს ბმულს აქტივაციის დროს
  • პსევდოკლასი focus,
    რომელიც ადგენს სტილს ბმულს ფოკუსში