: link - CSS-Tricks | CSS-Almanach 2025

Der :linkSelektor ist eine Pseudoklasse, die auf alle nicht besuchten anchor ( ) -Elemente auf einer Seite abzielt .

a:link ( color: aquamarine; )

Das obige Beispiel ändert die Farbe aller nicht besuchten Links zu Aquamarin.

Bei Verwendung in Kombination mit der :hoverPseudoklasse :linkmuss diese zuerst angezeigt oder gar nicht definiert werden, damit die :hoverStile funktionieren. Dies liegt daran, dass sie gleichermaßen spezifisch sind. Wenn :linksie also nachher kommen, überschreiben diese Stile die Schwebestile.

Die :linkPseudoklasse zielt auf alle Elemente ab, die ein hrefAttribut haben, auch wenn das hrefeinen leeren Wert hat. In diesem Sinne ist es wie der Attributselektor (href).

Dies bedeutet, dass die folgenden drei HTML-Elemente alle über die :linkPseudoklasse gestaltet werden können :

CSS-Tricks CSS-Tricks CSS-Tricks

Das dritte Beispiel im obigen Codeblock wäre jedoch ungültiges HTML.

Es gibt nur drei HTML - Elemente, die das akzeptieren hrefAttribut: , , und . Nur das Element kann über die :linkPseudoklasse gestaltet werden .

Sie können das hrefAttribut auch keinem anderen Elementtyp hinzufügen und es über formatieren :link. Mit anderen Worten, wenn Sie den folgenden HTML-Code hatten:

 CSS-Tricks

Das folgende CSS hätte keine Auswirkung:

div:link ( color: aquamarine; )

Auch hier würde die HTML-Validierung fehlschlagen, da dies hrefkein gültiges Attribut für ist .

Aufgrund der Tatsache, dass :linknur Elemente als Ziel ausgewählt werden können, können :linkStile im CSS ohne die Elementtypauswahl wie folgt definiert werden:

:link ( color: aquamarine; )

Für alle praktischen Zwecke bei der Verwendung von HTML ist die :linkPseudoklasse etwas irrelevant, da der gleiche Effekt erzielt werden kann, indem einfach alle Elemente direkt ausgerichtet werden:

a ( color: aquamarine; )

Wenn jedoch Elemente auf der Seite vorhanden sind, für die das hrefAttribut nicht festgelegt ist (z. B. auf älteren Seiten, die verwendet wurden ), würde der obige Code auch auf diese Elemente abzielen, und dies ist möglicherweise nicht das gewünschte Ergebnis.

Es sollte auch darauf hingewiesen werden, dass ab CSS2 andere Dokumentensprachen (neben HTML) neben Ankern möglicherweise andere Elemente definieren, die über die :linkPseudoklasse gestaltet werden können .