Active-pseudoluokka

Pseudoluokka active asettaa tyylit linkille sillä hetkellä, kun sitä painetaan (painoit ja et päästänyt painikkeesta irti - niin kauan kuin emme päästä sitä irti, asetetut tyylit toimivat).

Yleensä tätä pseudoluokkaa käytetään yhdessä pseudoluokkien link, hover ja active kanssa.

Syntaksi

cssa:active {
  
}

Esimerkki

Vierailematon linkki on punainen, vierailtu - sininen. Jos viet hiiren sen päälle - siitä tulee vihreä, ja jos painat vasenta hiiren painiketta ja pidät sitä alhaalla - siitä tulee musta (active-tila):

html<a href="#">linkki</a>

cssa:link {
  color: red;
}
a:visited {
  color: blue;
}
a:hover {
  color: green;
}
a:active {
  color: black;
}

Результат:

Katso myös