为什么link：visited属性不起作用（用于页面链接）？

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

这是现场

Answer 1

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

将css片段更改为

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

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