Exemple
Sélectionnez le style et le lien actif:
a:active
{
background-color: yellow;
}
Essayez - le vous - même » Plus "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Le sélecteur: actif est utilisé pour sélectionner et le style du lien actif.
Un lien devient actif lorsque vous cliquez dessus.
Astuce: Le: sélecteur actif peut être utilisé sur tous les éléments, non seulement des liens.
Tip: Utilisez le : lien sélecteur liens de style aux pages inexplorées, le : visited sélecteur liens de style vers des pages visitées, et : hover sélecteur liens de style lorsque vous passez la souris sur eux.
Note: : actif doit venir après: hover (if present) le (if present) dans la définition CSS pour être efficace!
| Version: | CSS1 |
|---|
support du navigateur
Les chiffres dans le tableau indique la première version du navigateur qui prend en charge entièrement le sélecteur.
| Sélecteur | |||||
|---|---|---|---|---|---|
| :active | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
Note: IE8 et les versions plus récentes prennent en charge le: sélecteur actif sur tous les éléments. IE7 ne supporte que le sélecteur: actif sur les liens.
Syntaxe CSS
:active {
css declarations ;
}
Autres exemples
Exemple
Sélectionnez le style et un <p>, <h1> et <a> élément lorsque vous cliquez dessus:
p:active, h1:active, a:active {
background-color: yellow;
} Essayez - le vous - même » Exemple
Sélectionnez et le style unvisited, visité, vol stationnaire, et des liens actifs:
/* 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;
}
Essayez - le vous - même » Exemple
liens de style avec des styles différents:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
Essayez - le vous - même » Pages associées
Tutoriel CSS: CSS Liens
CSS tutoriel: les classes CSS Pseudo