Als je wilt dat je links via CSS hun style krijgen, moeten ze in de juiste volgorde staan, anders werkt het niet.
Dit is de enige echt juiste volgorde:

CSS

 a:link {color: blue;}        /* specificity = 1,1 */
 a:visited {color: purple;}   /* specificity = 1,1 */
 a:hover {color: magenta;}    /* specificity = 1,1 */
 a:active {color: red;}       /* specificity = 1,1 */
 a:focus {color: red;}       /* specificity = 1,1 */