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

Answer 2

你总是可以这样做

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

然后在页面的实际 html 中执行此操作

<style>
 .dashboard { color:red;}
</style>

为每个页面执行此操作