Pseudo-klass hover

Die pseudo-klass hover stel style vir 'n skakel waarop ons met die muis wys. Gewoonlik word hierdie pseudo-klass saam toegepas met die pseudo-klasse link, visited en active.

Sintaksis

cssa:hover {
  
}

Voorbeeld

'N onbesoekte skakel sal rooi van kleur wees, besoekte - blou. As jy daarop wys met die muis - sal dit groen word, en as jy die linkermuisknop druk en dit hou vas - sal dit swart word (die toestand active):

html<a href="#">skakel</a>
cssa:link {
  color: red;
}
a:visited {
  color: blue;
}
a:hover {
  color: green;
}
a:active {
  color: black;
}

Результат:

Sien ook

  • pseudo-klass link,
    wat style vir 'n onbesoekte skakel stel
  • pseudo-klass visited,
    wat style vir 'n besoekte skakel stel
  • pseudo-klass active,
    wat style vir 'n skakel by aktivering stel
  • pseudo-klass focus,
    wat style vir 'n skakel in fokus stel