Question

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

我有一个侧面菜单，使用list和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>

为每个页面执行此操作

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

2 个答案: