Właściwość CSS – selektor :active

Definicja stylu, przeznaczenie i użycie selektora :active

Pseudoklasa definiująca właściwości naciskanych odnośników (linków). Może być używany również z innymi elementami HTML.

Link staje się aktywny (active) po jego kliknięciu.

Tip: selektora: active można używać na wszystkich elementach, nie tylko na linkach.

Tip: użyj :link, aby nadać styl linkom do nieodwiedzonych stron; użyj selektora :visited, aby nadać styl linkom do już odwiedzonych stron; użyj selektora: hover, aby nadać styl linkom po najechaniu na nie kursorem myszy.

Uwaga:: active MUSI pojawić się po: hover (jeśli występuje) w definicji CSS, aby było skuteczne!

Wartości właściwości :active

Składnia CSS – selektor :active

:active {
css declarations;
}

Wsparcie przeglądarek dla właściwości :active

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość
:active	4.0	7.0	2.0	3.1	9.6

Przykładowe zastosowania właściwości :active

1. /* link niekliknięty */
a:link {
color: blue;
}

2. /* link kliknięty */
a:visited {
color: blue; }

3. /* kursor myszy nad linkiem */
a:hover {
color: green;
}

4. /* link aktywny */
a:active {
color: blue;
}