Pseudo-klas active

Die pseudo-klas active definieer style vir 'n skakel op die oomblik dat daarop gedruk word (gedruk en nie die knoppie losgelaat nie - solank ons dit nie loslaat nie, is die gedefinieerde style aktief).

Gewoonlik word hierdie pseudo-klas gesamentlik toegepas met die pseudo-klasse link, hover en active.

Sintaksis

cssa:active {
  
}

Voorbeeld

'n Onbesoekte skakel sal rooi wees, besoekte - blou. As jy die muis daaroor sweep - sal dit groen word, en as jy die linkermuisknoppie druk en dit vashou - sal dit swart word (die active status):

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

Результат:

Sien ook

  • die pseudo-klas link,
    wat style vir 'n onbesoekte skakel definieer
  • die pseudo-klas visited,
    wat style vir 'n besoekte skakel definieer
  • die pseudo-klas hover,
    wat style vir 'n skakel by muissweep definieer
  • die pseudo-klas focus,
    wat style vir 'n skakel in fokus definieer