Как установить активную ссылку по умолчанию при первой загрузке страницы

Question

Мне нужна помощь, чтобы установить ссылку как активную по умолчанию при первой загрузке страницы.

<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

Если вы можете изменить свою разметку на это:

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

Тогда вы можете использовать этот JavaScript:

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

Присоедините этот JavaScript к загрузке страницы так, как вам нравится (мне нравится таким образом , если вы не используете jQuery, в этом случае используйте $(document).ready() ).

Answer 2

1. Пометьте теги "a" классом (например, "focus").
2. Установите все активные теги "a" в классе "focus" с вашим предпочтительным видом.

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

Последнее замечание: я также исправил тег "a", потому что он был неправильным.

Answer 3

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

Поддерживается большинством последних браузеров, но не намного.