Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Opcja: aktywne Selektor służy do wybierania i styl aktywnego linku.
Link uaktywnia się po kliknięciu na nim.
Wskazówka:: aktywny selektor może być stosowany na wszystkich elementach, nie tylko linki.
Tip: Użyj : Link wybieraka do łączy styl do nieodwiedzonych stron, w : visited wybieraka łączy styl do odwiedzanych stron, a : hover wybieraka łączy styl gdy myszy nad nimi.
Note: : aktywny musi pochodzić po: hover (if present) w definicji CSS, aby być skuteczne!
| Wersja: | CSS1 |
|---|
Pomoc Browser
Liczby w tabeli określa pierwszą wersję przeglądarki, która w pełni obsługuje wybierak.
| Selektor | |||||
|---|---|---|---|---|---|
| :active | 4,0 | 7,0 | 2,0 | 3,1 | 9,6 |
Uwaga: IE8 i nowsze wersje obsługują: aktywny przełącznik na wszystkich elementach. IE7 obsługuje tylko: aktywną wybierak na linki.
Składnia CSS
:active {
css declarations ;
}
Więcej przykładów
Przykład
Wybierz i styl a <p>, <h1> i <a> elementem po kliknięciu na nim:
p:active, h1:active, a:active {
background-color: yellow;
} Spróbuj sam " Przykład
Wybierz i styl nieodwiedzonych odwiedził, unoszą się i aktywne linki:
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over
link */
a:hover {
color: red;
}
/*
selected link */
a:active {
color: yellow;
}
Spróbuj sam " Przykład
linki stylów z różnych stylów:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
Spróbuj sam " Podobne strony
Kurs CSS: CSS Linki
Kurs CSS: Klasy CSS Pseudo