:activeVolič pseudo změní vzhled vazby, když je aktivován (na které uživatel klikne na nebo jinak aktivovat). Obvykle se zobrazuje pouze na zlomek sekundy a poskytuje vizuální zpětnou vazbu, že na prvek byl skutečně kliknut. Nejběžněji se používá na kotevních odkazech ( ).
Například zde je CSS, díky němuž kotvící odkazy narazí o jeden pixel (působí dojmem, že jsou tlačeny v trojrozměrném prostoru) v aktivním stavu:
Podívejte se na Pen: aktivní stav týmem CSS-Tricks (@ css-tricks) na CodePen.
: Aktivní lze použít také na jakýkoli prvek. V níže uvedeném peru kliknutím na libovolné místo na stránce změníte celou stránku na žlutou:
Podívejte se na ukázku pera třídy: active psuedo týmu CSS-Tricks Team (@ css-tricks) na CodePen.
Osvědčeným postupem je pokrýt všechny „státy“, zejména odkazy. Snadný způsob, jak toho dosáhnout, je „LOVE HATE“ nebo
L: odkaz
O
V: navštíveno
E
H: vznášet se
A: aktivní
T
E
Dělat je v tomto pořadí je ideální.
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; )Jinak řekněte, pokud jste naposledy uvedli: navštívený styl, pokud by byl tento odkaz navštíven, přepíše by: active a: hover deklaraci a odkaz by byl vždy fialový bez ohledu na to, zda jste se vznášeli nebo zda byl odkaz aktivní (není ideální).
Podpora prohlížeče
| Chrome | Safari | Firefox | Opera | TJ | Android | iOS |
|---|---|---|---|---|---|---|
| Ano | 2.0.4+ | žádný | 4+ | 4+ | Bude upřesněno | Bude upřesněno |