CSS selector a:active

Селектор :active використовується для вибірки та задання стилю активним посиланням.

Посилання стає активним, коли користувач натискає на нього.

Селектор :active може бути використаний на всіх елементах, а не тільки на посиланнях.

Селектор :active зазвичай використовується після селектора hover

Порада:

Використовуйте також селектори :link, :visited та :hover для стилізації посилань.

Нотатка:

Селектор :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%;

}