Come impostare un collegamento attivo come predefinito quando si carica la prima volta la pagina

Question

Ho bisogno di aiuto per impostare un collegamento come attivo come predefinito quando la pagina viene caricata la prima volta.

<style type="text/css"> 
a{ 
color:black; 
} 
a:hover{ 
color:white; 
} 
a:active{ 
color:blue; 
} 
</style> 


<div> 
<!--I want this fisrt link to be set as active by default--> 
<a href="#"/> 
<!--I want this one as normal--> 
<a href="#"/> 
</div> 

Answer 1

Se è possibile modificare il vostro codice a questo:

<div> 
<!--I want this first link to be set as active by default--> 
<a href="#" id="focusmeplease"/> 
<!--I want this one as normal--> 
<a href="#"/> 
</div> 

quindi è possibile utilizzare questa JavaScript:

document.getElementById('focusmeplease').focus(); 

allegare il JavaScript alla pagina carico however you like (mi piace this way, a meno che stai usando jQuery, nel qual caso usa $(document).ready()).

Answer 2

1. Contrassegnare i tag "a" con una classe (come "focus").
2. Imposta tutti i tag "a" attivi nella classe "focus" con il tuo aspetto preferito.

<style type="text/css"> 
a 
{color:black;} 
a:hover 
{color:white;} 
a.focus:link, a.focus:visited 
{color:blue;} 
</style> 

<div> 
<a href="#" class="focus">This link is active by default.</a> 
<a href="#">This is a normal link.</a> 
</div> 

Nota finale: ho anche corretto la "a" tag perché era sbagliato.

Answer 3

a{ 
    color:black; 
} 
a:hover { 
    color:white; 
} 
a:active, div a:first-child { 
    color:blue; 
} 

Supportato dai browser più recenti, ma non molto di più.