# active pseudo-class

The `active` pseudo-class sets styles for a link at the moment it is clicked (we pressed and did not release the button - as long as we do not release it, the specified styles work).

Typically, this pseudo-class is used in conjunction with the `link`, `hover` and `active` pseudo-classes.

## Syntax

`a:active { }`

## Example

An unvisited link will be red, a visited link will be blue. If you hover over it with the mouse, it will turn green, and if you press the left mouse button and hold it, it will turn black (active state):

`<a href="#">link</a>` `a:link { color: red; } a:visited { color: blue; } a:hover { color: green; } a:active { color: black; }`

:

← →
↑
en ru