CSS Pseudo-class :active


Description:

The :active pseudo-class is used to add special effect to an activated element.

While defining pseudo-classes in a <style>...</style> block, following points should be taken care:

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

  • a:active MUST come after a:hover in the CSS definition in order to be effective.

  • Pseudo-class names are not case-sensitive.

  • Pseudo-class are different from CSS classes but they can be combined.

Possible Values:

  • color: Any valid color value.

Applies to:

Anchor / Link element.

Example:

Following is the example which demonstrates how to use :active class to change the color of active links.

<style type="text/css">
a:active {color: #FF00CC}
</style>
<a href="index.html">Click This Link</a>
     

This will produce following link. This will change its color to pink when user clicks it.

Click This Link





Spacer Bottom Left Corner ImageBottom Right Corner Image
Valid XHTML 1.0 Strict  Valid CSS! Check the accessibility of this site according to U.S. Section 508