: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 nicht besuchten <a>- oder <area>-Element überein, das ein href-Attribut hat.

Probieren Sie es aus

Stile, die durch die Pseudoklassen :link und :visited definiert werden, können durch nachfolgende Benutzeraktions-Pseudoklassen (:hover oder :active) mit zumindest gleicher Spezifität überschrieben werden. Um Links korrekt zu gestalten, setzen Sie die :link-Regel vor alle anderen mit Links verbundenen Regeln, entsprechend der LVHA-Reihenfolge: :link:visited:hover:active. Die Pseudoklassen :visited und :link schließen sich gegenseitig aus.

Hinweis: Verwenden Sie :any-link, um ein Element unabhängig davon auszuwählen, 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 spezielle Schriftfarben haben, bevor Sie sie besuchen. (Danach müssen Sie Ihren Browser-Verlauf löschen, um sie erneut zu sehen.) Die background-color-Werte bleiben jedoch wahrscheinlich erhalten, 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
# selector-link
Selectors Level 4
# link-pseudo

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
:link
:link privacy: selector does not match <link> elements

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch