我在不同页面之间建立了链接。 现在,我希望如果访问者通过单击链接访问任何页面,则该链接将变为不同的颜色。

就我而言,它不起作用,我不知道为什么。

我的代码:

HTML:

    <div id="pageLink">
<ul>
<li><a href="index.php" id="index"><div id="indexDiv">Welcome</div></a></li>
<li><a href="about-me.php" id="aboutMe"><div id="aboutMeDiv">Bio</div></a></li>
</ul>
</div>

CSS:

    #index,#aboutMe{
text-decoration:none;

}
#index:visited,#aboutMe:visited{
color:red;
}
#indexDiv,#aboutMeDiv {
display:block;
text-decoration:none;
padding:5px;
color:green;
font-family:Tahoma;
font-size:20px;
}
#indexDiv:hover,#aboutMeDiv:hover{
color:gray;
}
#pageLink li{
        display:inline-block;
list-style:none;
}

这是现场

===============>>#1 票数:1 已采纳

你有一个div里面a锚标记风格color:green;

将css片段更改为

#index:visited > div,
#aboutMe:visited > div {
  color:red;
}

当锚标记具有:visited伪类时,您将获得红色。

  ask by Munira translate from so

未解决问题?本站智能推荐:

1回复

导航栏中的链接颜色不可更改

这是我的代码`我的个人网站 我无法更改导航栏中的链接。 这是必须更改链接颜色的代码,但它不能 我甚至试图把li a:link但它不起作用 链接颜色不可更改。 抱歉,我无法发布截图
1回复

调整屏幕大小时,我的链接重叠

我在网站上使用了内置导航栏,但是在缩放窗口时会出现问题,例如,如果缩小窗口,则链接填充将显示在页面的另一侧。 如果将鼠标悬停在某个链接上,则将其一直缩小到整个窗口,它将覆盖最上面的一个窗口。 li{ display:inline; } ul{ list-style-type:n
1回复

当我们关注链接时,如何为孩子添加样式?

码: 当我们专注于link(a:hover)子块test_block时如何在css3上获得css font-size:18px ? PS:例如,当我们将鼠标悬停在链接test1上时, text1 font-size将为18 px, text2 font-size将为14px ;
3回复

以前正常工作的链接现在不起作用

因此,我正在用html5制作一个学校项目的网页,以前使用的某些超链接已完全损坏,以至于即使a:hover属性也无法使用。 这是我的“关于”页面的确切代码(包括注释),左侧的超链接可以在该页面上工作: @charset "UTF-8"; /* CSS Document */
3回复

手风琴链接影响子锚链接

以下是代码演示的链接 在这里摆弄 有2个问题 单击第一个手风琴I的链接(链接1 |链接2 |链接3),为什么这样做很奇怪 并且第一手风琴内容中的子子div在输出中不可见。 ( <div>This div is not visible in the ou
2回复

元素链接正确缺少必需属性

验证时我有3个错误。 DOCTYPE:HTML5 错误:元素链接缺少必需的属性属性。 所以我使用了rel-type-href,其中一个有media属性。 在这种情况下我还需要使用其他什么? 我不明白为什么我没有得到同样的错误我只使用相同的属性的其他链接...谢谢你的时
5回复

如何通过CSS在多行显示长链接?

这些是代码: http://jsfiddle.net/gEDx9 此长链接显示在第2行。 我希望这个链接可以多行显示。 我也希望这个长链接不会显示在红色div元素之外。 应该完整显示这个长链接。 所以这个长链接应显示在第1行,第2行和第3行。 也许它也将显示在第4行。
3回复

CSS Div链接文本下划线悬停

我有一个像这样的简单div ... ...允许我在div悬停时更改背景颜色。 工作得很好,但结果,我得到链接中显示悬停下划线的文本。 我已经尝试了几种方法来定位h2和p,但仍然无法摆脱悬停时的文本修饰。 关于我需要使用什么html元素来应用text-decoration的任何想
2回复

使链接成为块的完整大小

我正在改编James在此发布的投资组合代码: http : //codepen.io/SeamlessThemes/pen/LiBdo 我已经设法更改了大多数我需要的东西,但是我一生都无法获得href来覆盖响应块。 目前,只有“查看”链接和填充处于活动状态。 我将在此处重现代码,以
1回复

悬停在链接上时使图像显示在背景中

基本上,我想做的是将鼠标悬停在链接上时使图像显示在链接后面。 到目前为止,这是我的CSS: 在我的a:hover上,我希望该图像显示在链接的背景中,而不是在其下方。 任何帮助,将不胜感激。 我的html代码也在底部。