css - 如何在显示相关页面时更改链接的背景颜色

Question

正如我在标题中所说，当链接的相关页面显示时，如何更改链接的背景颜色？

我有一个侧面菜单，使用列表和 css:

<div id="liteMenu">
  <ul>
    <li><a href="#">Dashboard</a></li>
    <li><a href="#">Edit Profile</a></li>
    <li><a href="#">Change Password</a></li>
  </ul>
</div>

当用户导航到其相关页面时，我需要更改每个链接的 bgColor。

谢谢。

编辑: 也许我应该使用 jQuery 和 css。

Answer 1

您可以在访问的链接上使用任何您想要的样式。查看 w3c:http://www.w3schools.com/cssref/sel_visited.asp

所以..它是这样的:

a:visited
{ 
    background-color:yellow;
}

还有更多选项:

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