From http://www.w3schools.com (Copyright Refsnes Data)

CSS :active pseudo-class

CSS Reference Complete CSS Reference

Example

Specify the color of links:

a:link {color:#FF0000}      /* unvisited link */
a:visited {color:#00FF00}  /* visited link */
a:hover {color:#FF00FF}  /* mouse over link */
a:active {color:#0000FF}  /* selected link */

Try it yourself »

More examples at the bottom of this page.

Definition and Usage

The :active pseudo-class adds a style to an element that is activated.

Active, visited, unvisited, or when you mouse over a link, can all be displayed in different ways.

Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!

Note: a:active MUST come after a:hover in the CSS definition in order to be effective!

Pseudo-classes can be also be combined with CSS classes, like this: 

a.red:visited {color:#FF0000}

<a class="red" href="css_syntax.asp">CSS Syntax</a>

If the link in the example above has been visited, it will be displayed in red.

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The :active pseudo-class is supported in all major browsers.

Examples

Try it Yourself - Examples

Hyperlink 2
This example demonstrates how to add other styles to hyperlinks.

Related Pages

CSS tutorial: CSS Pseudo classes

CSS Reference Complete CSS Reference

From http://www.w3schools.com (Copyright Refsnes Data)