web-dev-qa-db-fra.com

Comment définir un lien actif avec un défaut lors du premier chargement de la page

J'ai besoin d'aide pour définir un lien comme actif par défaut lors du premier chargement de la page.

<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>
htmlcsshyperlink
9
Amra

Si vous pouvez modifier votre balisage en ceci:

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

Ensuite, vous pouvez utiliser ce JavaScript:

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

Joignez ce code JavaScript à la page load comme vous le souhaitez (j'aime de cette façon , sauf si vous utilisez jQuery, auquel cas utilisez $(document).ready() ).

7
Dominic Rodger
  1. Marquez les balises "a" avec une classe (comme "focus").
  2. Définissez tous les tags "a" actifs dans la classe "focus" avec votre look préféré.
<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>

Note finale: J'ai également corrigé la balise "a" car elle était erronée.

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

Pris en charge par les navigateurs les plus récents, mais guère plus que cela.

0
Tor Valamo