: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
: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
<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
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