首次加载页面时如何将活动链接设置为默认值答案

【问题标题】：How to set a active link as default when page first time load首次加载页面时如何将活动链接设置为默认值
【发布时间】：2011-01-10 00:13:32
【问题描述】：

我需要一些帮助，以便在页面第一次加载时将链接设置为默认活动。

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

【问题讨论】：

active 伪类表示一个元素当前处于活动状态（我认为大致翻译为“当前是点击的主题”）。我不太清楚你为什么要在页面加载时设置它 - 这不像你在愚弄当前正在点击链接的任何人。
这是因为页面有几个链接（如选项卡）来浏览页面，当页面第一次加载页面时，其中一个链接类似于（主页），它应该处于活动状态以指示用户在该页面上。
然后使用像<a class="current">这样的类，而不是像a:active这样的伪类，并将你的CSS从a:active更改为a.current。
嗨，再次感谢您的帮助，如果我这样做，我担心如果我这样做，当另一个链接悬停或活动时它会改变类吗？再次感谢。

标签： html css hyperlink

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

【讨论】：

【解决方案2】：

用类标记“a”标签（如“focus”）。
使用您喜欢的外观设置“焦点”类中所有活动的“a”标签。

<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”标签，因为它是错误的。

【讨论】：

这行不通。第一个链接只有在被点击时才会变成蓝色。没有默认外观。投反对票。
对不起，我不太明白。我已经更正了，请验证它现在是否具有您想要的行为。
您可以添加或删除以下属性以更改行为：链接、访问和悬停。

【解决方案3】：

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

受最新浏览器支持，但仅此而已。

【讨论】：

在这种情况下，第一个子标签将始终为蓝色，无论是否处于活动状态。