CSS: perché a: link, a: visited vs solo un

Question

mi chiedo perché non posso usare, o non dovrei usare

a { ... } 

vs

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

Answer 1

Se si modifica solo lo stile a {...}, lo stile verrà applicato a tutti gli elementi di ancoraggio inclusi gli elementi <a name="..."></a>, che definiscono un'ancora all'interno della pagina, ma non fanno riferimento a un collegamento ipertestuale.

a:link {...} si riferisce specificamente ai collegamenti ipertestuali. :visited, :hover e :active sono diversi stati di questi collegamenti. Si noti che :hover e :active possono essere applicati anche ad altri elementi.

Answer 2

E 'solo una questione di esso si desidera avere diverso stile per un collegamento visitato rispetto ai collegamenti normali o meno (ad esempio, disattivare il collegamento, ero già lì).

Proprioa è valido, ma non si vuole dare :visited o :hover link styling speciale per esempio?

Answer 3

: visitato significa che si sta tentando di fornire a un collegamento uno stile che è stato visitato dall'utente prima e: hover significa che si sta tentando di assegnare uno stile a un link quando un utente esegue il mouse su quel collegamento. Puoi o non puoi usarlo. Questa è la tua scelta.

Answer 4

a:link se per un collegamento non visitato, mentre a:visited è per un collegamento che l'utente ha visitato. Di solito l'utente vorrà un modo per distinguere tra i due, nel qual caso li modificherai separatamente. Se non si desidera alcuna differenza (ad esempio un menu), sarà sufficiente fare solo a.

Answer 5

Mentre il primo a si riferisce a tutti i collegamenti, :link e :visited fa riferimento a stati specifici di tali collegamenti.

Il primo si riferisce ai collegamenti non visitati e il secondo a quello visitato. vedi http://www.w3.org/TR/CSS2/selector.html#link-pseudo-classes per ulteriori informazioni.

Answer 6

È possibile fornire lo stile generale per i collegamenti solo con lo a. Gli stili più specifici possono essere applicati alle pseudo-classi. Ad esempio:

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

a:link { 
    color: #00F; 
} 

a:hover { 
    color: #F00; 
} 

a:visited { 
    color: #888; 
} 

a:active { 
    color: #0F0; 
} 

In questo esempio, tutti i collegamenti sono in grassetto e non sono sottolineati. Ma il colore cambia per ogni tipo di collegamento ...