Visited-pseudoluokka

Pseudoluokka visited asettaa tyylit vierailuille linkeille. Yleensä tätä pseudoluokkaa käytetään yhdessä pseudoluokkien link, hover ja active kanssa.

Syntaksi

cssa:visited {
  
}

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

  • pseudoluokka link,
    joka asettaa tyylin vierailemattomalle linkille
  • pseudoluokka hover,
    joka asettaa tyylin linkille hiiren ollessa päällä
  • pseudoluokka active,
    joka asettaa tyylin linkille aktivoinnin yhteydessä
  • pseudoluokka focus,
    joka asettaa tyylin linkille fokuksessa