¿Por qué molestarse con la "L" en los estilos de enlace "LVHA"?

Question

¿No es redundante el pseudoclass "a: link" con "a" cuando se coloca en ese orden (: link,: visited,: hover,: active)? ¿Por qué poner esto:

a:link {color: blue;} 
a:visited {color: purple;} 
a:hover {color: red;} 
a:active {color: yellow;} 

Cuando usted podría poner esto:

a {color: blue;} 
a:visited {color: purple;} 
a:hover {color: red;} 
a:active {color: yellow;} 

Lo pregunto porque el primero es el ejemplo más común que veo del orden LVHA. La segunda versión tiene la misma especificidad, por lo que funciona de la misma manera. ¿Es solo una cuestión organizativa dejar en claro qué cambia cuando cambia el estado del enlace? ¿Qué me estoy perdiendo?

Answer 1

No todas las etiquetas de anclaje necesariamente tienen un atributo href, por lo que no son todos enlaces. Presumiblemente, la pseudoclass :link no se aplica a las etiquetas de anclaje sin un href.

Answer 2

De acuerdo con la W3C specification:

El: enlace aplica pseudo-clase para enlaces que aún no han sido visitados.

: enlace le permite diseñar enlaces no visitados dejando otros estilos de enlace no afectados.

Answer 3

El pseudo-classes :link and :visited son sólo para los enlaces (A elementos con un atributo href):

• El: enlace pseudo-clase se aplica para los enlaces que aún no han sido visitados.
• La pseudo clase visitada se aplica una vez que el usuario ha visitado el enlace.

[...]

El documento de lenguaje determina qué elementos son anclas origen de hipervínculo. Por ejemplo, en HTML4, las pseudo-clases de enlace se aplican a los elementos A con un atributo "href".

Pero el pseudo-classes :hover, :active and :focus no son sólo para los enlaces, pero también se puede aplicar en otros elementos como input o textarea.

Para que sea correcto y solo seleccione A elementos que en realidad son enlaces, necesitará usar a:link. Y para seleccionar solo los enlaces que se ciernen, necesitará usar a:link:hover y no solo a:hover.