hola,
ese artículo está muy mal. Te sugiero consultar ejemplos más actuales, no de hace 9 años atrás porque varias cosas han cambiado (desde los propios lenguajes hasta el soporte de los navegadores y las técnicas que se usan para conseguir tal o cual cosa).
En este caso está mal el orden. El orden siempre tiene que ser LINK, VISITED, HOVER y ACTIVE.
Además todas las propiedades que compartan los 4 estados, pueden agruparse simplemente en A, y luego sobrescribes la propiedad solo en los estados que cambian. Ejemplo:
Código CSS:
Ver originalA:link {color:#0000cc;}
A:visited {color:#0000cc;}
A:hover {color:#0000ff;}
A:active {color:#0000cc;}
pasaría a ser:
Código CSS:
Ver originala{color:#0000cc;}
a:hover {color:#0000ff;}
los 2 códigos son equivalentes, pero obviamente el 2° es más eficiente.