Die:linkCSSPseudoklasse repräsentiert ein Element, das noch nicht besucht wurde. Sie trifft auf jedes unbesuchte<a> oder<area> Element zu, das einhref-Attribut besitzt.

Probieren Sie es aus

p {  font-weight: bold;}a:link {  color: forestgreen;  text-decoration-color: hotpink;}

<p>Pages that you might have visited:</p><ul>  <li>    <a href="https://developer.mozilla.org">MDN Web Docs</a>  </li>  <li>    <a href="https://www.youtube.com/">YouTube</a>  </li></ul><p>Pages unlikely to be in your history:</p><ul>  <li>    <a href="https://developer.mozilla.org/missing-2">Random MDN page</a>  </li>  <li>    <a href="https://example.com/missing-2">Random Example page</a>  </li></ul>

Stile, die durch die:link und:visited Pseudoklassen definiert werden, können durch nachfolgende Benutzeraktions-Pseudoklassen (:hover oder:active) überschrieben werden, die mindestens die gleiche Spezifität haben. Um Links angemessen zu stylen, platzieren Sie die:link-Regel vor allen anderen linkbezogenen Regeln, wie es durch dieLVHA-Reihenfolge definiert ist::link —:visited —:hover —:active. Die:visited-Pseudoklasse und die:link-Pseudoklasse schließen sich gegenseitig aus.

Syntax

:link {  /* ... */}

Beispiele

Standardmäßig wenden die meisten Browser einen speziellencolor-Wert auf besuchte Links an. Daher werden die Links in diesem Beispiel wahrscheinlich nur vor Ihrem Besuch spezielle Schriftfarben haben. (Danach müssen Sie Ihren Browser-Verlauf löschen, um sie erneut zu sehen.) Diebackground-color-Werte bleiben wahrscheinlich bestehen, 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

Browser-Kompatibilität

Siehe auch

• Linkbezogene Pseudoklassen::visited,:hover,:active