Privatsphäre und der :visited-Selektor

Kleine Notlügen

Um die Privatsphäre der Benutzer zu schützen, täuschen Browser Webanwendungen unter bestimmten Umständen:

• Die Methode window.getComputedStyle und ähnliche Funktionen, wie element.querySelector, geben immer Werte zurück, die darauf hindeuten, dass ein Benutzer keinen der Links auf einer Seite besucht hat.
• Bei der Verwendung eines Nachbarselektors, wie :visited + span, wird das angrenzende Element (span in diesem Beispiel) so gestylt, als wäre der Link nicht besucht.
• In seltenen Fällen, wenn Sie verschachtelte Link-Elemente verwenden und das übereinstimmende Element sich von dem unterscheidet, dessen Vorhandensein im Verlauf getestet wird, wird das Element so dargestellt, als wäre der Link nicht besucht.

Beschränkungen für besuchte Link-Stile

Sie können besuchte Links stilisieren, aber es gibt Einschränkungen, welche Stile Sie verwenden können. Nur die folgenden Stile können auf besuchte Links angewendet werden:

• color
• background-color
• border-color (und seine Untereigenschaften)
• column-rule-color
• outline-color
• text-decoration-color
• text-emphasis-color
• Farbteile der fill- und stroke-Attribute

Darüber hinaus werden auch bei den oben genannten Stilen Transparenzunterschiede zwischen unbesuchten und besuchten Links nicht angewendet. Diese Einschränkung verhindert die Verwendung des alpha-Parameters in verschiedenen <color>-Funktionen oder des transparent Schlüsselworts, um zwischen den beiden Zuständen zu unterscheiden.

Hier ist ein Beispiel, wie Stile mit den oben genannten Einschränkungen verwendet werden können:

:link {
  outline: 1px dotted blue;
  background-color: white;
  /* The default value of `background-color` is `transparent`. You need to
     specify a different value, otherwise changes on `:visited` won't apply. */
}

:visited {
  outline-color: orange; /* Visited links have an orange outline */
  background-color: green; /* Visited links have a green background */
  color: yellow; /* Visited links have yellow colored text */
}

Auswirkungen auf Webentwickler

Sie sollten Folgendes in Betracht ziehen, wenn Sie Websites entwickeln:

• Das Ändern von background-image-Werten basierend auf dem Besuchsstatus eines Links funktioniert nicht, da nur Farben verwendet werden können, um besuchte Links zu stylen.
• Farben, die ansonsten transparent sind, werden nicht angewendet, wenn sie über einen :visited-Selektor gestylt werden.

Siehe auch

• Verhindern von Angriffen auf den Verlauf eines Benutzers durch CSS-:visited-Selektoren (2010)