Exemplu
Selectați și stilul link-ul activ:
a:active
{
background-color: yellow;
}
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
The: Selectorul activ este folosit pentru a selecta și stilul link-ul activ.
Un link devine activ atunci când faceți clic pe ea.
Sfat:: Selectorul activ poate fi folosit pe toate elementele, nu numai link - uri.
Tip: Utilizați : link - ul de selectare pentru link - uri către pagini de stil nevizitate, The : a vizitat selectorul pentru link - uri către pagini vizitate de stil, iar : Hover selectorul de legături de stil când mouse - ul peste ele.
Note: : activ trebuie să vină după: Hover (if present) este (if present) , în definiția CSS pentru a fi eficiente!
| Versiune: | CSS1 |
|---|
Suport pentru browser-
Numerele din tabel specifică prima versiune de browser care acceptă pe deplin selectorul.
| Selector | |||||
|---|---|---|---|---|---|
| :active | 4 | 7 | 2.0 | 3.1 | 9.6 |
Notă: IE8 și versiuni mai noi sprijine: selectorul activ pe toate elementele. IE7 acceptă numai: selectorul activ pe link-uri.
CSS Sintaxa
:active {
css declarations ;
}
Mai multe exemple
Exemplu
Selectați și stilul unui <p>, <h1> și <a> elementul atunci când faceți clic pe ea:
p:active, h1:active, a:active {
background-color: yellow;
} Încearcă - l singur » Exemplu
Selectați și stilul nevizitate, a vizitat, mutați, și link-uri active:
/* 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;
}
Încearcă - l singur » Exemplu
Link-uri Stil cu stiluri diferite:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
Încearcă - l singur » Pagini similare
Tutorial CSS: CSS Legături
Tutorial CSS: clase CSS Pseudo