Just want to mention that the order of the state rules in the code determine what state will override the others.
A good order in code is to follow the “LoVe Foils HAte” rule of thumb where the later in code overrides all states before:
Link, unvisited/recognized as link
Visited, in history
Focus, in focus having the marker placed by tab key or mouse click
Hover, under the mouse pointer
Active, only during the mouse key is down, the mouse key up fires and stops active.
The a (anchor) applies to all states too, so all default styles should be on the a followed by its states styled in the LoVe Foils HAte order to make them override each other properly.
Usually only the a and a:focus and a:hover is styled in order to give user friendly clues. The visited state are better to keep as the user expect it and the active could be confusing if the user is slow in releasing the mouse key.
Just want you to know from start.