Anchor Pseudo Element

Anchor Pseudo-element is used to control the links in web page.Link can all be displayed in different ways in a CSS-supporting browser:

It sub properties are:
Link : this is a link that has not been used, nor is mouse pointer hovering it
visited : this is a link that has been used before, but has no mouse on it.
hover : this is a link currently has a mouse pointer hovering over it/ on it.
active : this is a link that is in process of being click

Note:
1) a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
2) a:active MUST come after a:hover in the CSS definition in order to be effective!!
3) Pseudo-class names are not case-sensitive.

Example:
-----------------------------------------------------------------------------------
a:link {
color:#999999;
text-decoration:none;
}

a:visited {
color:#0000FF;
}

a:hover {
color:#CCCCCC;
text-decoration:underline;
}
a:active {
color:#FF0000;
}