CSS : bezochte kiezer
Voorbeeld
Selecteer en stijl bezochte links:
a:visited
{
color: pink;
}
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De :visited
selector wordt gebruikt om bezochte links te selecteren.
Tip: Gebruik de :link selector om links naar niet-bezochte pagina's op te maken, de :hover selector om links op te maken wanneer u er met de muis overheen gaat, en de :active selector om links op te maken wanneer u erop klikt.
Browsers beperken de stijlen die kunnen worden ingesteld voor a:bezochte links vanwege beveiligingsproblemen.
Toegestane stijlen zijn:
- kleur
- Achtergrond kleur
- randkleur (en randkleur voor afzonderlijke zijden)
- omtrekkleur
- kolom-regel-kleur
- de kleurdelen van vulling en streek
Alle andere stijlen zijn overgenomen van a:link.
Versie: | CSS1 |
---|
Browserondersteuning
De cijfers in de tabel geven de eerste browserversie aan die de selector volledig ondersteunt.
Selector | |||||
---|---|---|---|---|---|
:visited | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS-syntaxis
:visited {
css declarations;
}
Meer voorbeelden
Voorbeeld
Selecteer en stijl niet-bezochte, bezochte, zwevende en actieve links:
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over link */
a:hover {
color: red;
}
/* selected link */
a:active {
color: yellow;
}
Voorbeeld
Stijllinks met verschillende stijlen:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
Gerelateerde pagina's
CSS-zelfstudie: CSS-koppelingen
CSS-zelfstudie: CSS-pseudoklassen