CSS : Link -Selektor
Beispiel
Nicht besuchte Links auswählen und formatieren:
a:link
{
background-color: yellow;
}
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Der :link
Selektor wird verwendet, um nicht besuchte Links auszuwählen.
Hinweis: Der :link-Selektor formatiert keine Links, die Sie bereits besucht haben.
Tipp: Verwenden Sie den :visited -Selektor, um Links zu besuchten Seiten zu gestalten, den :hover -Selektor, um Links zu gestalten, wenn Sie mit der Maus darüber fahren, und den :active -Selektor, um Links zu gestalten, wenn Sie darauf klicken.
Ausführung: | CSS1 |
---|
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die den Selektor vollständig unterstützt.
Selector | |||||
---|---|---|---|---|---|
:link | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS-Syntax
:link {
css declarations;
}
Mehr Beispiele
Beispiel
Nicht besuchte, besuchte, Hover- und aktive Links auswählen und gestalten:
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over link */
a:hover {
color: red;
}
/* selected link */
a:active {
color: yellow;
}
Beispiel
Style-Links mit verschiedenen Styles:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
Verwandte Seiten
CSS-Tutorial: CSS-Links
CSS-Tutorial: CSS-Pseudoklassen