Copyright © tutorialspoint.com
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.
Anchor / Link element.
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="/html/index.htm">Click This Link</a> |
This will produce following link. This will change its color to pink when user clicks it.
Click This Link |
To Become more comfortable - Do Online Practice
Copyright © tutorialspoint.com