:link

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Die :link CSS Pseudoklasse repräsentiert ein Element, das noch nicht besucht wurde. Sie stimmt mit jedem unbesuchten <a>- oder <area>-Element überein, das ein href-Attribut besitzt.

Probieren Sie es aus

Stile, die durch die :link- und :visited-Pseudoklassen definiert sind, können von nachfolgenden Benutzeraktions-Pseudoklassen (:hover oder :active) mit mindestens gleicher Spezifität überschrieben werden. Um Links angemessen zu stylen, sollte die Regel :link vor allen anderen linkbezogenen Regeln in der LVHA-Reihenfolge stehen: :link:visited:hover:active. Die :visited-Pseudoklasse und die :link-Pseudoklasse schließen sich gegenseitig aus.

Hinweis: Verwenden Sie :any-link, um ein Element auszuwählen, unabhängig davon, ob es besucht wurde oder nicht.

Syntax

css
:link {
  /* ... */
}

Beispiele

Standardmäßig wenden die meisten Browser einen speziellen color-Wert auf besuchte Links an. Daher werden die Links in diesem Beispiel wahrscheinlich nur vor dem Besuch besondere Schriftfarben haben. (Danach müssen Sie Ihren Browser-Verlauf löschen, um sie erneut zu sehen.) Die background-color-Werte bleiben wahrscheinlich unverändert, da die meisten Browser diese Eigenschaft standardmäßig nicht auf besuchte Links anwenden.

HTML

html
<a href="#ordinary-target">This is an ordinary link.</a><br />
<a href="">You've already visited this link.</a><br />
<a>Placeholder link (won't get styled)</a>

CSS

css
a:link {
  background-color: gold;
  color: green;
}

Ergebnis

Spezifikationen

Specification
HTML Standard
# selector-link
Selectors Level 4
# link

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch