Link-pseudoluokka

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

Syntaksi

cssa:link{
  
}

Esimerkki

Vierailtamaton linkki on punainen, vierailtu - sininen. Jos viet hiiren sen päälle - se muuttuu vihreäksi, ja jos painat vasenta hiiren painiketta ja pidät sitä painettuna - se muuttuu mustaksi (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 visited,
    joka määrittää tyylin vierailulle linkille
  • pseudoluokka hover,
    joka määrittää tyylin linkille hiiren vientiä varten
  • pseudoluokka active,
    joka määrittää tyylin linkille aktivointia varten
  • pseudoluokka focus,
    joka määrittää tyylin linkille fokuksessa