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

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

我的代码:

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

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