it-swarm.com.de

So legen Sie einen aktiven Link als Standard fest, wenn die Seite zum ersten Mal geladen wird

Ich benötige Hilfe, um einen Link beim ersten Laden der Seite als standardmäßig aktiv festzulegen.

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

Wenn Sie Ihr Markup folgendermaßen ändern können:

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

Dann können Sie dieses JavaScript verwenden:

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

Hängen Sie das JavaScript an die Seite load ganz wie Sie möchten an (ich mag auf diese Weise , es sei denn, Sie verwenden jQuery. Verwenden Sie in diesem Fall $(document).ready() ).

7
Dominic Rodger
  1. Markieren Sie die "a" -Tags mit einer Klasse (wie "focus").
  2. Setzen Sie alle aktiven "a" -Tags in der Klasse "focus" auf Ihr bevorzugtes Aussehen.
<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>

Letzte Anmerkung: Ich habe auch das "a" -Tag korrigiert, weil es falsch war.

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

Unterstützt von den neuesten Browsern, aber nicht viel mehr.

0
Tor Valamo