Beispiel
Wählen und Stil den aktiven Link:
a:active
{
background-color: yellow;
}
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Der: aktiv Selektor wird verwendet, um die aktive Verbindung zu wählen und Stil.
Ein Link wird aktiv, wenn Sie darauf klicken.
Tipp: Der: aktive Wähler können auf alle Elemente verwendet werden, nicht nur Links.
Tip: Verwenden Sie den : Link Wähler auf Stil Links zu unvisited Seiten, die : visited Selektor Stil Links zu besuchten Seiten, und die : Hover - Wähler auf Stil Links , wenn Sie die Maus über sie.
Note: : aktiv MUSS kommen nach: Hover (if present) in der CSS - Definition , um wirksam zu sein!
| Version: | CSS1 |
|---|
Browser-Unterstützung
Die Zahlen in der Tabelle gibt die erste Browser-Version, die die Wähler voll unterstützt.
| Wähler | |||||
|---|---|---|---|---|---|
| :active | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
Hinweis: IE8 und neuere Versionen unterstützen die: aktiv Selektor auf alle Elemente. IE7 unterstützt nur das: aktive Wähler auf Links.
CSS-Syntax
:active {
css declarations ;
}
Mehr Beispiele
Beispiel
Wählen und Stil ein <p>, <h1> und <a> Element , wenn Sie darauf klicken:
p:active, h1:active, a:active {
background-color: yellow;
} Versuch es selber " Beispiel
Wählen und Stil nicht besuchte, besuchte, schweben, und aktive Links:
/* 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;
}
Versuch es selber " Beispiel
Style-Verbindungen mit verschiedenen Stilen:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
Versuch es selber " Verwandte Seiten
CSS Tutorial: CSS Verbindungen
CSS Tutorial: CSS Pseudo - Klassen