为什么链接：访问过的房产不起作用（页面链接）？

Question

我在不同页面之间进行了链接。现在我希望如果访问者通过点击链接访问任何页面，该链接将变为不同的颜色。

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

我的代码：

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

以下是Live

Answer 1

您的div内a个锚标记的样式为color:green;

将css代码段更改为

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

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