CSS selector a:active
Селектор :active використовується для вибірки та задання стилю активним посиланням.
Посилання стає активним, коли користувач натискає на нього.
Селектор :active може бути використаний на всіх елементах, а не тільки на посиланнях.
Селектор :active зазвичай використовується після селектора hover
| Порада: | Використовуйте також селектори |
| Нотатка: | Селектор |
Синтаксис
:active {
css declarations;
}Переглядачі
| Переглядач | |||||
|---|---|---|---|---|---|
| active | 4.0 |
7.0 |
2.0 |
3.1 |
9.6 |
Мобільних переглядачів ще не додано.
Мобільних переглядачів ще не додано.
Приклади
Обирає та задає стиль активного посилання.
a:active {
background-color: yellow;
}Обирає і встановлює стиль елементів <p>, <h1> та <a> коли користувач натискає на них
p:active, h1:active, a:active {
background-color: yellow;
}Обирає і задає стиль посиланням (не відвідуваних на яких наведено курсор та активних)
/* 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;
}Стилізує посилання
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}