CSS :visited Pseudoklasse

Definition und Verwendung

CSS :visited Pseudoklassen werden verwendet, um die Stile besuchter Links zu setzen.

Tipp:Verwenden Sie :link Stellen Sie den Link-Stil für nicht besuchte Seiten ein, indem Sie :hover Stellen Sie den Link-Stil beim Mausüberfahren ein, indem Sie :active Stellen Sie den Link-Stil beim Klicken ein.

Hinweis:Um die Link-Stile korrekt zu setzen, stellen Sie sicher, dass :visited die Regeln werden platziert :link nach den Regeln, aber vor :hover und :active vor den Regeln.

Erlaubte Stile umfassen:

• color
• Hintergrundfarbe
• border-color (und die Farbe der Seitenkanten)
• Umrissfarbe
• column-rule-color
• text-decoration-color
• text-emphasis-color
• SVG-Attribute fill und stroke

Beispiel

Beispiel 1

Wählen und stellen Sie die Stile für besuchte Links ein:

a:visited {
  color: pink;
}

Versuchen Sie es selbst!

Beispiel 2

Wählen und stellen Sie die Stile für nicht besuchte, besuchte, überfahrene und aktive Links ein:

/* Nicht besuchte Links */
a:link {
  color: green;
}
/* Besuchte Links */
a:visited {
  color: green;
}
/* Links bei Mausüberfahren */
a:hover {
  color: red;
}
/* Aktive Links */
a:active {
  color: yellow;
}

Versuchen Sie es selbst!

Beispiel 3

Legen Sie unterschiedliche Stile für Links fest:

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

Versuchen Sie es selbst!

CSS-Syntax

:visited {
  css-Anweisungen;
}

Technische Details

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die diese Pseudoklasse vollständig unterstützt.

Verwandte Seiten

Anleitung:CSS-Links

Anleitung:CSS-Pseudoklassen