CSS :link Selektor

Definition und Verwendung

CSS :link Selektoren werden verwendet, um die Stile für nicht besuchte Links auszuwählen und zu setzen.

Hinweis::link Selektoren legen nicht den Stil für besuchte Links fest.

Tipp:Verwenden Sie :visited Stellen Sie den Stil für besuchte Seiten ein, indem Sie :hover Stellen Sie den Stil für Links beim Mausüberfahren ein, indem Sie :active Stellen Sie den Stil für Links beim Klicken ein.

Hinweis:In den CSS-Definitionen::link Muss platziert werden :hoverfunktionieren können, wenn es existiert!

Beispiel

Beispiel 1

Wählen und stellen Sie die Stile für nicht besuchte Links ein:

a:link {
  background-color: yellow;
}

Versuchen Sie es selbst!

Beispiel 2

Wählen und stellen Sie die Stile für nicht besuchte, besuchte, überfahrene und aktive Links ein:

/* Nicht besuchte Links */
a:link {
  color: green;
}
/* Besuchte Links */
a:visited {
  color: green;
}
/* Links bei Mausüberfahren */
a:hover {
  color: red;
}
/* Aktive Links */
a:active {
  color: yellow;
}

Versuchen Sie es selbst!

Beispiel 3

Legen Sie verschiedene Stile für Links fest:

a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

Versuchen Sie es selbst!

CSS-Syntax

:link {
  css-Anweisungen;
}

Technische Details

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die diesen Selektor vollständig unterstützt.

Verwandte Seiten

Anleitung:CSS-Links

Anleitung:CSS-Selektoren