如何在第一次加载页面时将活动链接设置为默认值

时间:2010-01-27 14:58:53

标签: html css hyperlink

首页加载页面时,我需要一些帮助来将链接设置为默认链接。

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

3 个答案:

答案 0 :(得分:7)

如果您可以将标记更改为:

<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附加到页面加载however you like(我喜欢this way,除非您使用的是jQuery,在这种情况下使用$(document).ready())。

答案 1 :(得分:1)

  1. 用类别标记“a”标签(如“焦点”)。
  2. 使用您喜欢的外观设置“焦点”类中的所有活动“a”标记。
  3. <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”标签,因为错了。

答案 2 :(得分:0)

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

最新浏览器支持,但不多于此。