: aktívny - Triky CSS | Almanach CSS 2025

:activeVolič pseudo zmení vzhľad väzby, keď je aktivovaný (na ktoré používateľ klikne na alebo inak aktivovať). Spravidla sa zobrazuje iba na zlomok sekundy a poskytuje vizuálnu spätnú väzbu, že na prvok skutočne klikli. Najčastejšie sa používa na ukotvovacích odkazoch ( ).

Napríklad tu je CSS, ktorý spôsobí, že kotviace odkazy narazia o jeden pixel (v dojme, že sú tlačené v trojrozmernom priestore) v aktívnom stave:

Pozrite si program Pen: aktívny stav tímu CSS-Tricks (@ css-tricks) na serveri CodePen.

: Aktívne možno použiť aj na akýkoľvek prvok. V peru nižšie kliknutím na ľubovoľné miesto na stránke celá stránka zožltne:

Pozrite si ukážku pera triedy: active psuedo od CSS-Tricks Team (@ css-tricks) na CodePen.

Osvedčeným postupom je pokryť všetky „štáty“, najmä odkazy. Jednoduchý spôsob, ako to urobiť, je „LOVE HATE“ alebo

L: odkaz
O
V: navštívené
E

H: vznášať sa
A: aktívne
T
E

Robiť ich v tomto poradí je ideálne.

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; )

V opačnom prípade povedzte, ak ste naposledy uviedli štýl: navštívené, ak by bol tento odkaz navštívený, prepíše by vyhlásenie: active a: hover a odkaz by bol vždy fialový bez ohľadu na to, či ste kurzor myši umiestnili alebo či bol odkaz aktívny (nie ideálne).