CSS: ¿por qué a: link, a: visited vs sólo un

Question

Me pregunto por qué no puedo usar, o no debería utilizar

a { ... } 

vs

a:link, a:visited { ... } 

Answer 1

Si solo marca el estilo a {...}, el estilo se aplicará a todos los elementos de ancla, incluidos los elementos <a name="..."></a>, que definen un delimitador dentro de la página, pero no hacen referencia a un hipervínculo.

a:link {...} se relaciona específicamente con hipervínculos. :visited, :hover y :active son diferentes estados de estos enlaces. Tenga en cuenta que :hover y :active también se pueden aplicar a otros elementos.

Answer 2

Es sólo una cuestión de ella quieres tener estilo diferente para un enlace visitado vs enlaces normales o no (por ejemplo, borrar el enlace, yo ya estaba allí).

Sóloa es válido, pero qué quiere dar :visited o :hover enlaces estilo especial, por ejemplo?

Answer 3

: visitado significa que está tratando de darle a un enlace un estilo que ha visitado el usuario anteriormente y: hover significa que está tratando de darle un estilo a un vínculo cuando el mouse del usuario lo sobrepasa. Puede o no puede usarlo. Es tu elección.

Answer 4

a:link si para un enlace no visitado, mientras que a:visited es para un enlace que el usuario ha visitado. Por lo general, el usuario querrá diferenciar entre los dos, en cuyo caso los diseñará por separado. Si no desea ninguna diferencia (por ejemplo, un menú), solo a lo hará.

Answer 5

Mientras que el primer a se refiere a todos los enlaces, :link y :visited se refiere a los estados específicos de esos enlaces.

El primero se refiere a enlaces no visitados, y el último a uno visitado. ver http://www.w3.org/TR/CSS2/selector.html#link-pseudo-classes para más información.

Answer 6

Puede proporcionar el estilo general para sus enlaces con el a solamente. Se pueden aplicar estilos más específicos a las pseudo-clases. Por ejemplo:

a { 
    text-decoration: none; 
    font-weight: bold; 
} 

a:link { 
    color: #00F; 
} 

a:hover { 
    color: #F00; 
} 

a:visited { 
    color: #888; 
} 

a:active { 
    color: #0F0; 
} 

En este ejemplo, todos los enlaces tienen un estilo en negrita y no están subrayados. Pero el color cambia para cada tipo de enlace ...