Cómo establecer un enlace activo como predeterminado cuando la página carga por primera vez

Question

Necesito ayuda para configurar un enlace como activo de manera predeterminada cuando la página carga la primera vez.

<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

Si usted puede cambiar su margen de beneficio a esto:

<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> 

continuación, puede utilizar este JavaScript:

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

Acople de que JavaScript a la página de carga however you like (me gusta this way, a menos estás usando jQuery, en cuyo caso usa $(document).ready()).

Answer 2

1. Marque las etiquetas "a" con una clase (como "enfoque").
2. Establezca todas las etiquetas "a" activas en la clase "foco" con su aspecto preferido.

<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 final: También he corregido el tag "a", ya que estaba mal.

Answer 3

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

Compatible con los navegadores más recientes, pero no mucho más que eso.