Az :activeálválasztó megváltoztatja a hivatkozás megjelenését, miközben az aktiválódik (rákattint vagy más módon aktiválódik). Általában csak egy másodperc töredékéig látható, és vizuális visszajelzést ad arról, hogy az elemre valóban kattintottak. Leggyakrabban a horgony linkeken ( ) használják.
Például, itt van a CSS, amely a horgony linkeket egy pixellel lecsökkenti (ami azt a benyomást kelti, hogy háromdimenziós térben tolódnak) aktív állapotban:
Lásd a Toll: aktív állapot a CSS-Tricks csapat részéről (@ css-tricks) a CodePen-en.
: Az Aktív bármely elemre is alkalmazható. Az alábbi Tollban az oldal bármely pontjára kattintva az egész oldal sárga lesz:
Tekintse meg a CSS-Tricks Team (@ css-tricks): aktív psuedo osztályának tollbemutatóját a CodePen-en.
A legjobb gyakorlat az összes „állam” lefedése, különös tekintettel a linkekre. Ennek egyszerű módja a „SZERETNI A RÉSZLETET” vagy
L: link
O
V: meglátogatta
E
H: lebeg
A: aktív
T
E
Ebben a sorrendben ideális.
a:link ( /* Essentially means a(href), or that the link actually goes somewhere */ color: blue; ) a:visited ( color: purple; ) a:hover ( color: green; ) a:active ( color: red; )Ellenkező esetben mondjuk, ha utoljára a következőt sorolta fel: meglátogatta a stílust, ha ezt a linket felkereste, akkor az felülírja az: aktív és: lebegő deklarációt, és a link mindig lila lesz, függetlenül attól, hogy lebegett-e, vagy ha a link aktív volt (nem ideális).
Böngésző támogatás
| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| Igen | 2.0.4+ | Bármi | 4+ | 4+ | TBD | TBD |