This translation is incomplete. Please help translate this article from English.
Sumari
La pseudo-class CSS :active és quan un element està sent activat per l'usuari. Permet a la pàgina donar una resposta que l'activació ha estat detectada pel navegador. En interactuar amb un ratolí, sol ser el temps entre que l'usuari prem el botó del ratolí i l'allibera. La pseudo-classe :active també respon a l'utilització de la tecla de tabulació del teclat. S'utilitza amb freqüència en els elements HTML <a> i <button>, però no pot estar limitada a només aquests.
Aquest estil pot ser reemplaçat per qualsevol altre pseudo-classes relacionat amb l'enllaç, són :link, :hover i :visited, apareixent en regles posteriors. Per tal de donar un estil apropiat els enllaços, cal posar la regla :active després de totes les altres regles relacionades amb l'enllaç, com està definit pel LVHA-order: :link — :visited — :hover — :active.
:active només s'ha d'aplicar al botó primari; en ratolins destres, normalment és el botó més a l'esquerra.Sintaxi
:active { style properties }
Exemple
HTML
<body> <h1>:active CSS selector example</h1> <p>The following link will turn lime during the time you click it and release the click: <a href="#">Mozilla Developer Network</a>.</p> </body>
CSS
body { background-color: #ffffc9 }
a:link { color: blue } /* unvisited links */
a:visited { color: purple } /* visited links */
a:hover { font-weight: bold } /* user hovers */
a:active { color: lime } /* active links */
Especificacions
| Especificació | Estat | Comentari |
|---|---|---|
| WHATWG HTML Living Standard The definition of ':active' in that specification. |
Living Standard | |
| Selectors Level 4 The definition of ':active' in that specification. |
Working Draft | Sense canvis. |
| Selectors Level 3 The definition of ':active' in that specification. |
Recommendation | Sense canvis. |
| CSS Level 2 (Revision 1) The definition of ':active' in that specification. |
Recommendation | Sense canvis. |
| CSS Level 1 The definition of ':active' in that specification. |
Recommendation | Definició inicial. |
Navegadors compatibles
| Característica | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Suport bàsic | 1.0 | 1.0 (1.7 or earlier) | 4.0 | 5.0 | 1.0 |
| Suport a elements no <a> | 1.0 | 1.0 (1.7 or earlier) | 8.0 | 7.0 | 1.0 |
| Característica | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Suport bàsic | 1.0 | 1.0 (1.0) | 6.0 | 6.0 | 1.0 |
| Suport a elements no <a> | 1.0 | 1.0 (1.0) | ? | ? | (Yes) [1] |
[1] Per defecte, Safari Mobile no utilitza l'estat :active a menys que hi hagi un controlador d'esdeveniments touchstart en l'element rellevant o en el <body>.