CSS :visited-seudoluokka

Määrittely ja käyttö

CSS :visited Sseudoluokat käytetään vieraillut linkkien tyylejä varten.

Vinkki:Käytä :link Aseta vierailemattoman sivun linkin tyylit käyttämällä :hover Aseta hiiren osoittimen linkin tyylit käyttämällä :active Aseta klikkaustilanteen linkin tyylit.

Huomioitavaa:Oikean linkin tyylin asettamiseksi ole hyvä ja aseta :visited Säännön sijoitetaan :link Säännön jälkeen, mutta :hover ja :active Säännön edessä.

Sallitut tyylit sisältävät:

• color
• background-color
• border-color（ja jokaisen reunan border-color）
• outline color
• column-rule-color
• text-decoration-color
• text-emphasis-color
• SVG-ominaisuudet fill ja stroke

Esimerkki

Esimerkki 1

Valitse ja aseta vieraillut linkin tyylit:

a:visited {
  color: pink;
}

Kokeile itse

Esimerkki 2

Valitse ja aseta vierailematon, vieraillut, hiiren osoitin ja aktiivinen linkin tyylit:

/* Vierailematon linkki */
a:link {
  color: green;
}
/* Vieraillut linkit */
a:visited {
  color: green;
}
/* Hiiren osoitin linkissä */
a:hover {
  color: red;
}
/* Aktiivinen linkki */
a:active {
  color: yellow;
}

Kokeile itse

Esimerkki 3

Aseta linkkien eri tyylit:

a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

Kokeile itse

CSS-grammatiikka

:visited {
  css-lauseet;
}

Tekninen yksityiskohta

Selaimen tuki

Taulukossa olevat numerot määrittelevät ensimmäisen selaimen version, joka täysin tukee tätäseudoluokkaa.

Liittyvät sivut

Oppitunti:CSS-linkit

Oppitunti:CSS-seudoluokat