Es el orden correcto y hasta cierto punto necesario de la declaración del selector de “links” en CSS, para que éste funcione correctamente

Leía un artículo de Nicole Hernandez en WebDesign.org acerca de este tema, en donde la autora relataba la manera de recordar el orden correcto de los links en una hoja de estilos.

Love Hate is how I taught myself to remember the order. The acronym for the order (LVHA) just wasn’t terribly easy to remember on its own. It didn’t spell anything, or really give a sensical meaning to me. But Love Hate works. So what is LVHA?.

Los únicos selectores a los que se les puede alterar el orden son a:link y a:visited.

La autora nos plantea este simple ejemplo ilustrativo:

a:link { background-color:white; color: blue }
a:active { background-color: blue; color: white;}
a:hover { background-color: black; color: white;}
a:visited {background-color:white; color:green;}

Si utilizamos el orden planteado en el ejemplo, todas las reglas funcionarán, excepto el “active“. No se mostrará, porque la declaración de “active” debe ir después de “hover“, y que son eventos consecutivos, por decirlo así.

El orden correcto ya lo conocemos, verdad? LVHA!