a:link {
color: #006600;
text-decoration: none;
}
a:visited {
color: gray;
text-decoration: none;
}
a:active {
color: red;
}
a:hover {
color: blue;
background-color: green;
}
Order matters: if the "hover" color is listed before "visited," the link color remains on the "visited" color even when hovering. The styles cascade (as they should), so "hover" has to be listed after "visited" so it can override the "visited" pseudo-class (the classes are loaded in the order in which they are listed).