CSS :any-link Pseudo-Klasse

Definition und Verwendung

CSS :any-link Pseudo-Klassen werden verwendet, um die Stile der Elemente, die als Quell-Anker der Hyperlinks dienen, auszuwählen und zu setzen.

Dieser Pseudo-Klasse wird unabhängig davon, ob der Link besucht wurde oder nicht, immer angewendet.

Daher ist dieser Pseudo-Klasse alle Elemente mit href-Attribut zugeordnet <a> oder <area> Elemente.

Beispiel

Beispiel 1

Wählen und stellen Sie die Stile für alle <a>-Elemente mit href-Attribut ein:

a:any-link {
  background-color: gelb;
  color: Karamellbraun;
}

Versuchen Sie es selbst!

Beispiel 2

Stellen Sie für alle <a>-Elemente mit href-Attribut Stile ein. Setzen Sie außerdem je nach Status (Mausüberfahren, aktiv, nicht besucht usw.) die Link-Stile:

a:any-link {
  background-color: gelb;
  color: Karamellbraun;
}
a.ex1:hover, a.ex1:active {
  color: rot;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

Versuchen Sie es selbst!

CSS Syntax

:any-link {
  css Anweisungen;
}

Technische Details

Version: CSS Selectors Level 4

Browser-Unterstützung

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

Chrome Edge Firefox Safari Opera
65 79 50 9 52

Verwandte Seiten

Anleitung:CSS Links

Anleitung:CSS Knöpfe

Anleitung:CSS Pseudo-Klassen