Link Pseudo-class Order

Home

The correct order for link pseudo-classes is link, visited, hover, active.

a:link {color: #FF0000}      /*  unvisited link   */
a:visited {color: #00FF00}   /*  visited link     */
a:hover {color: #FF00FF}     /*  mouse over link  */
a:active {color: #0000FF}    /*  selected link    */

Any other order just won't work properly.