为什么删除" http"从一个链接修复它的颜色?

时间:2016-03-04 15:23:53

标签: html css

考虑以下脚本:



a:link {
  color: red;
}

<p><a href="www.honda.com">Go to Honda's official wesite </a></p>
<p><a href="http://www.honda.com">Go to Honda's official wesite once again</a></p>
&#13;
&#13;
&#13;

地址不以http://开头的锚元素不会打开并出现404错误。当我用notepad ++打开脚本并点击第一个链接时,我被重定向到file:///C:/Users/user31782/Desktop/www.honda.com

  • 为什么没有锚点元素,其地址不以http://开头,被重定向到www.honda.com并变为紫色(被访问)?

2 个答案:

答案 0 :(得分:4)

当你第一次看到它们时它们都是红色的。点击其中一个并返回后,一个变为蓝色,因为它被标记为已访问。

如果您希望它仍然是红色,那么您需要将其添加到css规则:

a:visited { 
    color: red;
}

答案 1 :(得分:2)

简短回答:您需要为访问过的链接着色:

a:visited { 
    color: red;
}

答案很长:链接有四种状态(未访问,访问,悬停和活动)。有四个伪选择器可以让您设置链接状态的样式:

a:link {
    color: red;
}
a:visited {
    color: red;
}
a:hover {
    color: red;
}
a:active {
    color: red;
}