Link – Visited – Hover – Active

Posted on | Enero 15, 2007

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

href="http://www.webdesign.org/web/html-and-css/articles/css-link-specificity.8034.html">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