: активно - ЦСС-трикови | ЦСС Алманац 2025

:activeСелектор Псеудо мења изглед линка док се активира (који се кликне на или на други начин активиран). Обично се види само делић секунде и пружа визуелне повратне информације да је елемент заиста кликнут. Најчешће се користи на сидреним везама ( ).

На пример, ево ЦСС-а који ће учинити да се сидрене везе сруше за један пиксел (стварајући утисак померања у тродимензионалном простору) у активном стању:

Погледајте Оловка: активно стање ЦСС-Трицкс тима (@ цсс-трицкс) на ЦодеПен-у.

: Активно се може применити и на било који елемент. У доњој оловци кликом било где на страници цела страница ће постати жута:

Погледајте демо оловке класе: ацтиве псуедо класе ЦСС-Трицкс Теам (@ цсс-трицкс) на ЦодеПен-у.

Најбоља пракса је покрити све „државе“, посебно везе. Једноставан начин да то урадите је „ЛОВЕ ХАТЕ“ или

Л: веза
О
В: посећено
Е.

Х: лебдење
А: активно
Т
Е.

Идеално је радити их тим редоследом.

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

У супротном реците ако сте задњи пут навели стил: посећен, ако би та веза била посећена, заменила би декларацију: ацтиве и: ховер и веза би увек била љубичаста, без обзира да ли лебдите или је веза активна (није идеално).