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%;
}