PSEUDO-CLASSES: active
active
 
Compatibility:  IE4+  N6+
Version: Level 1
 
The active pseudo-class is used to apply a style to a link element when that link is selected either by coming into focus or being clicked upon. Under those circumstances, the link is said to be active.
 
All together, there are four pseudo-classes that are reserved for use with the HTML anchor tag (a). They are used to assign any appropriate CSS property:value pair to a link. Most typically, they are used to designate a font color, or background color, or to remove the underline.
 
Please refer to the HTML Quick Reference for more information about the anchor tag.
 
The three other pseudo-classes used with the a tag are:
 
hover
The hover pseudo-class effects the style when the mouse is hovering over the link (mouse over).
 
link
The link pseudo-class effects a style for a link that is not active and has not been visited.
 
visited
The visited pseudo-class effects the style for a link after the link has been visited.
 
A pseudo-class is assigned to a selector via following syntax:
 
selector:pseudo-class { property: value; ...; }
 
A pseudo-class can also be used with the value assigned as a class to a selector:
 
selector.class:pseudo-class { property: value; ...; }
 
Code:
a:active { background-color: RGB(100, 14, 107); text-decoration: none; }
a:hover { color: red; text-decoration: none; }
a:link { color: teal; text-decoration: none; }
a:visited { visibility: hidden; }
 
or
 
a.example:active {
color: yellow; font-size: 50px; background-color: red; text-decoration: none;
}
 
<a class="example" href="http://www.devguru.com" target="_blank">DevGuru</a>
 
Click and hold the mouse down on the following link and note the change in appearance:
 
Output:
DevGuru

Copyright 1999-2001 by Infinite Software Solutions, Inc. All rights reserved.
Trademark Information